diff --git a/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx b/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
index 62e25fac..06e7b053 100644
--- a/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
+++ b/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
@@ -71,7 +71,7 @@ export const Sidebar = ({ mobileOpen }: SidebarProps) => {
       initial={{ x: -320 }}
       animate={{ x: isDesktop || mobileOpen ? 0 : -320 }}
       exit={{ x: -320 }}
-      transition={{ type: 'spring', stiffness: 260, damping: 20 }}
+      transition={{ ease: 'easeInOut', duration: 0.3 }}
       className={cn('h-full flex-none w-[320px] lg:flex hidden flex-col', {
         flex: mobileOpen,
       })}
diff --git a/packages/frontend/src/pages/org-slug/layout.tsx b/packages/frontend/src/pages/org-slug/layout.tsx
index cb126af1..bf503c10 100644
--- a/packages/frontend/src/pages/org-slug/layout.tsx
+++ b/packages/frontend/src/pages/org-slug/layout.tsx
@@ -111,7 +111,7 @@ export const DashboardLayout = ({
             animate={{
               x: isSidebarOpen ? '10px' : 0, // Translate X based on sidebar state
             }}
-            transition={{ type: 'spring', stiffness: 260, damping: 20 }}
+            transition={{ ease: 'easeInOut', duration: 0.3 }}
           >
             <motion.div
               className="rounded-3xl bg-base-bg h-full shadow-card overflow-y-auto relative"
@@ -119,7 +119,7 @@ export const DashboardLayout = ({
               animate={{ opacity: 1, x: isSidebarOpen ? '10px' : 0 }}
               exit={{ opacity: 0, x: 100 }}
               // transition={{ duration: 0.5 }}
-              transition={{ type: 'spring', stiffness: 260, damping: 20 }}
+              transition={{ ease: 'easeInOut', duration: 0.3 }}
             >
               <OctokitProvider>
                 <Outlet />