diff --git a/frontend/src/App.css b/frontend/src/App.css
index 9e15e6e..d1645dd 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -241,17 +241,20 @@ body {
   border-right: 1px solid var(--color-border);
   overflow: hidden;
   box-shadow: 8px 0 40px rgba(10, 10, 15, 0.4);
-  transition: transform 0.2s ease-out;
+  transition: transform 0.2s ease-out, visibility 0s linear 0.2s;
 }
 
 .sidebar--collapsed {
   transform: translateX(-100%);
   pointer-events: none;
+  visibility: hidden;
 }
 
 .sidebar--open {
   transform: translateX(0);
   pointer-events: auto;
+  visibility: visible;
+  transition: transform 0.2s ease-out, visibility 0s linear 0s;
 }
 
 .sidebar__header {