fix: border left stability

sbb-design-systems · Jan 11, 2024 · a2ce7bd · a2ce7bd
1 parent 37061ad
commit a2ce7bd
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/notification/notification.scss b/src/components/notification/notification.scss
@@ -114,13 +114,13 @@
     background-color: var(--sbb-notification-type-color);
     border: var(--sbb-notification-border);
     border-radius: var(--sbb-notification-base-radius);
-    z-index: -1;
   }
 }
 
 .sbb-notification {
   @include sbb.text-s--regular;
 
+  position: relative;
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
@@ -129,6 +129,7 @@
   color: var(--sbb-notification-color);
   border-radius: var(--sbb-notification-border-radius);
   overflow: hidden;
+  z-index: 1;
 
   // We apply SASS calculated background color as default/fallback for older browsers.
   background-color: var(--sbb-notification-type-color-sass);