diff --git a/client/src/components/SidebarOverlay/index.tsx b/client/src/components/SidebarOverlay/index.tsx
index 200194f0c..73efa51c0 100644
--- a/client/src/components/SidebarOverlay/index.tsx
+++ b/client/src/components/SidebarOverlay/index.tsx
@@ -106,7 +106,7 @@ export default function SidebarOverlay({
       portalContainer={document.getElementById('dashboard') || document.body}
       onClose={handleOverlayClose}
       onOpening={handleOverlayOpen}
-      transitionDuration={200}
+      transitionDuration={100}
       backdropClassName={'sidebar-overlay-backdrop'}
     >
       <div className="sidebar-overlay sidebar-overlay-transition">
diff --git a/client/src/style/App.scss b/client/src/style/App.scss
index 0d736a1ca..dee79b591 100644
--- a/client/src/style/App.scss
+++ b/client/src/style/App.scss
@@ -295,7 +295,7 @@ html[lang^="ar"] {
     &-appear-active,
     &-enter-active {
       transform: translateX(0) !important;
-      transition: all 200ms ease-in-out;
+      transition: all 100ms ease-in-out;
     }
     
     &-appear-done,
@@ -308,7 +308,7 @@ html[lang^="ar"] {
     }   
     &-exit-active {
       transform: translateX(-100%) !important;
-      transition: all 200ms ease-in-out;
+      transition: all 100ms ease-in-out;
     }
     &-exit-done{
       transform: translateX(-100%) !important;