Fix icon message sizing

src/definitions/collections/message.less

@@ -169,9 +169,7 @@
 .ui.attached.message {
   margin-bottom: @attachedYOffset;
   border-radius: @borderRadius @borderRadius 0em 0em;
-  box-shadow:
-    @attachedBoxShadow
-  ;
+  box-shadow: @attachedBoxShadow;
   margin-left: @attachedXOffset;
   margin-right: @attachedXOffset;
 }
@@ -203,20 +201,26 @@
 }
 .ui.icon.message > .icon:not(.close) {
   display: table-cell;
+  width: auto;
   vertical-align: @iconVerticalAlign;
   font-size: @iconSize;
   opacity: @iconOpacity;
-  width: 1em;
 }
 .ui.icon.message > .content {
   display: table-cell;
+  width: 100%;
   vertical-align: @iconVerticalAlign;
 }
 
+
 .ui.icon.message .icon:not(.close) + .content {
   padding-left: @iconContentDistance;
 }
+.ui.icon.message .circular.icon {
+  width: 1em;
+}
 .ui.icon.message .circular.icon + .content {
+  width: auto;
   padding-left: @circularIconContentDistance;
 }
 

src/themes/packages/default/elements/button.variables

@@ -114,7 +114,7 @@
 @activeHoverBoxShadow: @activeBoxShadow;
 
 /* Loading */
-@loadingBackground: rgba(0, 0, 0, 0.04);
+@loadingBackground: @offWhite;
 
 /*-------------------
         Types

src/themes/packages/default/globals/site.variables

@@ -154,7 +154,6 @@
 @tealBackground   : #E9FFFF;
 @yellowBackground : #FFF8DB;
 
-
 /*--- Colored Text ---*/
 @blueTextColor    : @blue;
 @orangeTextColor  : @orange;