diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css
index 011af9089..7626fb4a3 100644
--- a/app/assets/stylesheets/cards.css
+++ b/app/assets/stylesheets/cards.css
@@ -398,6 +398,7 @@
     position: absolute;
     rotate: 5deg;
     transform-origin: top right;
+    z-index: 2;
 
     .cards & {
       display: none;
diff --git a/app/assets/stylesheets/reactions.css b/app/assets/stylesheets/reactions.css
index 14e8b2086..508809273 100644
--- a/app/assets/stylesheets/reactions.css
+++ b/app/assets/stylesheets/reactions.css
@@ -10,6 +10,7 @@
     flex-wrap: wrap;
     gap: var(--inline-space-half);
     inline-size: 100%;
+    z-index: 3;
 
     &:has([open]) {
       z-index: var(--z-popup);