diff --git a/components/molecule/notification/src/styles/index.scss b/components/molecule/notification/src/styles/index.scss
index c377eba752..89315e276a 100644
--- a/components/molecule/notification/src/styles/index.scss
+++ b/components/molecule/notification/src/styles/index.scss
@@ -35,15 +35,16 @@ $base-class: '.sui-MoleculeNotification';
     }
 
     &Left {
+      display: none;
+      margin-right: $m-m;
+      @include media-breakpoint-up(xs) {
+        display: block;
+      }
+
       svg {
         height: $sz-notification-icon;
         width: $sz-notification-icon;
       }
-      @include media-breakpoint-up(xs) {
-        display: block;
-      }
-      display: none;
-      margin-right: $m-m;
 
       &--show {
         display: block;
@@ -51,15 +52,16 @@ $base-class: '.sui-MoleculeNotification';
     }
 
     &Close {
+      cursor: pointer;
+      margin-left: $m-l;
+      @include media-breakpoint-up(xs) {
+        margin-left: $m-m;
+      }
+
       svg {
         height: $sz-icon-m;
         width: $sz-icon-m;
       }
-      @include media-breakpoint-up(xs) {
-        margin-left: $m-m;
-      }
-      cursor: pointer;
-      margin-left: $m-l;
     }
   }