diff --git a/my-app/src/pages/App.jsx b/my-app/src/pages/App.jsx
index 0799e06..1877e27 100644
--- a/my-app/src/pages/App.jsx
+++ b/my-app/src/pages/App.jsx
@@ -25,7 +25,13 @@ function App({ model }) {
 		return () => {
 		  window.removeEventListener("unload", clearStorageOnUnload);
 		};
-	  }, []);
+	}, []);
+	
+	useState(() => {
+		if (window.innerWidth < 700) {
+			setSidebarIsOpen(false);
+		}
+	});
 
 	return (
 		/* The sidebar styling(under the menu)*/
@@ -38,7 +44,7 @@ function App({ model }) {
 					width={
 						window.innerWidth < 700
 							? "100%"
-							: Math.max(window.innerWidth * 0.26, 300)
+							: Math.min(Math.max(window.innerWidth * 0.26, 300), 400)
 					}
 					isOpen={sidebarIsOpen}
 					onStateChange={(state) => setSidebarIsOpen(state.isOpen)}