diff --git a/webapp/IronCalc/src/components/RightDrawer/RightDrawer.tsx b/webapp/IronCalc/src/components/RightDrawer/RightDrawer.tsx
index 538a004..0840acb 100644
--- a/webapp/IronCalc/src/components/RightDrawer/RightDrawer.tsx
+++ b/webapp/IronCalc/src/components/RightDrawer/RightDrawer.tsx
@@ -143,6 +143,12 @@ const DrawerContainer = styled("div")<DrawerContainerProps>(
     width: `${$drawerWidth}px`,
     display: "flex",
     flexDirection: "column",
+    "@media (max-width: 600px)": {
+      width: "100%",
+      borderLeft: "none",
+      top: "0px",
+      zIndex: 1000,
+    },
   }),
 );