Trying to fix styling after merge.

src/components/alerts/alert.css

@@ -4,10 +4,8 @@
 
 .alert {
     width: 100%;
-    height: auto;
     display: flex;
     flex-direction: row;
-    justify-content: center;
     overflow: hidden;
     align-items: left;
     border-radius: $space;
@@ -27,17 +25,12 @@
     box-shadow: 0px 0px 0px 2px $extensions-light;
 }
 
-.alert-spinner {
-    align-self: center;
-}
-
 .alert-icon {
     margin: $space;
     vertical-align: middle;
 }
 
 .alert-message {
-    align-self: center;
     color: #555;
     font-weight: bold;
     font-size: .75rem;
@@ -59,7 +52,6 @@
 }
 
 .connection-button {
-    height: 31px;
     padding: 0.55rem 0.9rem;
     border-radius: 0.35rem;
     background: #FF8C1A;
@@ -71,7 +63,6 @@
     cursor: pointer;
     display: flex;
     align-items: center;
-    align-self: center;
     margin-right: 13px;
     outline-style:none;
 }

src/components/alerts/alert.jsx

@@ -30,10 +30,10 @@ const AlertComponent = ({
         className={classNames(styles.alert, styles[level])}
     >
         {/* TODO: implement Rtl handling */}
-        {iconSpinner && (
+        {true && (
             <Spinner className={styles.alertSpinner} />
         )}
-        {iconURL && (
+        {false && (
             <img
                 className={styles.alertIcon}
                 src={iconURL}