diff --git a/webapp/app.ironcalc.com/frontend/src/App.tsx b/webapp/app.ironcalc.com/frontend/src/App.tsx
index 78dfe08..f77cd67 100644
--- a/webapp/app.ironcalc.com/frontend/src/App.tsx
+++ b/webapp/app.ironcalc.com/frontend/src/App.tsx
@@ -218,7 +218,6 @@ const Wrapper = styled("div")`
 
 const MainContent = styled("div")<{ isDrawerOpen: boolean }>`
   margin-left: ${({ isDrawerOpen }) => (isDrawerOpen ? "0px" : "-264px")};
-  transition: margin-left 0.2s;
   width: ${({ isDrawerOpen }) =>
     isDrawerOpen ? "calc(100% - 264px)" : "100%"};
   display: flex;
diff --git a/webapp/app.ironcalc.com/frontend/src/components/LeftDrawer/LeftDrawer.tsx b/webapp/app.ironcalc.com/frontend/src/components/LeftDrawer/LeftDrawer.tsx
index 6b44b1a..c72b5eb 100644
--- a/webapp/app.ironcalc.com/frontend/src/components/LeftDrawer/LeftDrawer.tsx
+++ b/webapp/app.ironcalc.com/frontend/src/components/LeftDrawer/LeftDrawer.tsx
@@ -26,7 +26,7 @@ function LeftDrawer({
       anchor="left"
       open={open}
       onClose={onClose}
-      transitionDuration={200}
+      transitionDuration={0}
     >
       <DrawerHeader onNewModel={newModel} />
       <DrawerContent setModel={setModel} onDelete={onDelete} />