From 4c3728b324ea069e5d2f1974f126de3fcf6626b8 Mon Sep 17 00:00:00 2001
From: Alisa <71508330+Alisa-InWonderland@users.noreply.github.com>
Date: Mon, 19 Oct 2026 16:33:09 +0200
Subject: [PATCH] fix(components/molecule/notification): reorder declarations
 before media queries in icon styles

---
 .../notification/src/styles/index.scss        | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

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;
     }
   }