diff --git a/frontend/src/index.css b/frontend/src/index.css
index 14daec72..06749d8b 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -76,12 +76,12 @@
   /* font-label removed — migrated to font-mono or font-sans */
 
   /* ── Animations ────────────────────────────────── */
-  --animate-fade-in: fade-in 200ms ease-out;
-  --animate-fade-in-up: fade-in-up 200ms ease-out;
+  --animate-fade-in: fade-in 200ms ease-out both;
+  --animate-fade-in-up: fade-in-up 200ms ease-out both;
   --animate-slide-in-left: slide-in-from-left 200ms ease-out;
-  --animate-slide-in-bottom: slide-in-from-bottom 200ms ease-out;
-  --animate-scale-in: scale-in 150ms ease-out;
-  --animate-fade: fadeIn 300ms ease forwards;
+  --animate-slide-in-bottom: slide-in-from-bottom 200ms ease-out both;
+  --animate-scale-in: scale-in 150ms ease-out both;
+  --animate-fade: fadeIn 300ms ease both;
 
   @keyframes fade-in {
     from { opacity: 0; } to { opacity: 1; }
@@ -151,7 +151,7 @@
 
 @utility stagger-item {
   opacity: 0;
-  animation: fade-in-only 350ms var(--ease-out-smooth) forwards;
+  animation: fade-in-only 350ms var(--ease-out-smooth) both;
   animation-delay: calc(var(--stagger-index, 0) * 50ms);
 }
 
@@ -309,7 +309,7 @@
   /* Staggered fade-in helper — uses opacity-only animation
      so it doesn't block hover transforms via fill-mode */
   .fade-in {
-    animation: fade-in-only 0.3s ease forwards;
+    animation: fade-in-only 0.3s ease both;
   }
 
   @keyframes fade-in-only {