diff --git a/frontend/src/App.css b/frontend/src/App.css
index 9c57be2..9e15e6e 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -220,7 +220,7 @@ body {
   cursor: pointer;
   opacity: 0;
   pointer-events: none;
-  transition: opacity 0.3s var(--transition-smooth);
+  transition: opacity 0.15s ease-out;
 }
 
 .sidebar-backdrop--visible {
@@ -241,7 +241,7 @@ body {
   border-right: 1px solid var(--color-border);
   overflow: hidden;
   box-shadow: 8px 0 40px rgba(10, 10, 15, 0.4);
-  transition: transform 0.3s var(--transition-smooth);
+  transition: transform 0.2s ease-out;
 }
 
 .sidebar--collapsed {
@@ -1089,7 +1089,7 @@ body {
   cursor: pointer;
   opacity: 0;
   pointer-events: none;
-  transition: opacity 0.25s var(--transition-smooth);
+  transition: opacity 0.15s ease-out;
 }
 
 .drawer-overlay--visible {
@@ -1108,7 +1108,7 @@ body {
   display: flex;
   flex-direction: column;
   box-shadow: -8px 0 40px rgba(10, 10, 15, 0.5);
-  transition: transform 0.35s var(--transition-smooth);
+  transition: transform 0.2s ease-out;
 }
 
 .drawer--collapsed {