diff --git a/docs/styleguide/styles/28-patterns-notifications.css b/docs/styleguide/styles/28-patterns-notifications.css
index 7c3004a..73ed74c 100644
--- a/docs/styleguide/styles/28-patterns-notifications.css
+++ b/docs/styleguide/styles/28-patterns-notifications.css
@@ -63,12 +63,19 @@
 
 .sg-user-notification-staple > .sg-card {
   grid-area: 1 / 1;
+  align-self: start;
   width: 100%;
   min-width: 0;
   max-width: none;
+  z-index: 1;
+}
+
+.sg-user-notification-staple > .sg-card:first-child {
+  z-index: 3;
 }
 
 .sg-user-notification-staple > .sg-card:nth-child(2) {
+  z-index: 2;
   transform: translate(
     var(--layout-user-notification-staple-offset),
     var(--layout-user-notification-staple-offset)
@@ -76,6 +83,7 @@
 }
 
 .sg-user-notification-staple > .sg-card:nth-child(3) {
+  z-index: 1;
   transform: translate(
     calc(var(--layout-user-notification-staple-offset) * 2),
     calc(var(--layout-user-notification-staple-offset) * 2)
diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css
index ca62a58..92b3985 100644
--- a/public/assets/styleguide.upstream.css
+++ b/public/assets/styleguide.upstream.css
@@ -3180,12 +3180,19 @@ section + section {
 
 .sg-user-notification-staple > .sg-card {
   grid-area: 1 / 1;
+  align-self: start;
   width: 100%;
   min-width: 0;
   max-width: none;
+  z-index: 1;
+}
+
+.sg-user-notification-staple > .sg-card:first-child {
+  z-index: 3;
 }
 
 .sg-user-notification-staple > .sg-card:nth-child(2) {
+  z-index: 2;
   transform: translate(
     var(--layout-user-notification-staple-offset),
     var(--layout-user-notification-staple-offset)
@@ -3193,6 +3200,7 @@ section + section {
 }
 
 .sg-user-notification-staple > .sg-card:nth-child(3) {
+  z-index: 1;
   transform: translate(
     calc(var(--layout-user-notification-staple-offset) * 2),
     calc(var(--layout-user-notification-staple-offset) * 2)
diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json
index 760b81b..3b59aac 100644
--- a/public/assets/styleguide.upstream.meta.json
+++ b/public/assets/styleguide.upstream.meta.json
@@ -1,7 +1,7 @@
 {
   "styleguideVersion": "2026.05.18.1",
-  "styleguideCommit": "a7dd199",
-  "syncedAtUtc": "2026-08-20T09:38:09Z",
+  "styleguideCommit": "a927dae",
+  "syncedAtUtc": "2026-08-20T12:20:28Z",
   "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
   "mirroredDocsPath": "docs/styleguide"
 }
diff --git a/public/assets/styles.css b/public/assets/styles.css
index ca62a58..92b3985 100644
--- a/public/assets/styles.css
+++ b/public/assets/styles.css
@@ -3180,12 +3180,19 @@ section + section {
 
 .sg-user-notification-staple > .sg-card {
   grid-area: 1 / 1;
+  align-self: start;
   width: 100%;
   min-width: 0;
   max-width: none;
+  z-index: 1;
+}
+
+.sg-user-notification-staple > .sg-card:first-child {
+  z-index: 3;
 }
 
 .sg-user-notification-staple > .sg-card:nth-child(2) {
+  z-index: 2;
   transform: translate(
     var(--layout-user-notification-staple-offset),
     var(--layout-user-notification-staple-offset)
@@ -3193,6 +3200,7 @@ section + section {
 }
 
 .sg-user-notification-staple > .sg-card:nth-child(3) {
+  z-index: 1;
   transform: translate(
     calc(var(--layout-user-notification-staple-offset) * 2),
     calc(var(--layout-user-notification-staple-offset) * 2)