diff --git a/styles/28-patterns-notifications.css b/styles/28-patterns-notifications.css
index 7c3004a..73ed74c 100644
--- a/styles/28-patterns-notifications.css
+++ b/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)