diff --git a/apps/web/src/navigation/index.js b/apps/web/src/navigation/index.js
index b4ca33fa9..dfcba6128 100644
--- a/apps/web/src/navigation/index.js
+++ b/apps/web/src/navigation/index.js
@@ -3,6 +3,7 @@ import ReactDOM from "react-dom";
 import Animated from "../components/animated";
 import { AnimatePresence } from "framer-motion";
 import { store as selectionStore } from "../stores/selection-store";
+import {store as appStore} from "../stores/app-store";
 import Route from "./route";
 import Config from "../utils/config";
 
@@ -70,6 +71,7 @@ class Navigator {
     }
     // exit selection mode on navigate
     selectionStore.toggleSelectionMode(false);
+    
     ReactDOM.render(
       <AnimatePresence exitBeforeEnter={true}>
         <Animated.Flex
@@ -94,6 +96,7 @@ class Navigator {
       </AnimatePresence>,
       root
     );
+    appStore.toggleSideMenu(false);
     return true;
   }
 
diff --git a/apps/web/src/stores/app-store.js b/apps/web/src/stores/app-store.js
index 9eb6cbaf4..071ef64a0 100644
--- a/apps/web/src/stores/app-store.js
+++ b/apps/web/src/stores/app-store.js
@@ -30,8 +30,8 @@ class AppStore extends BaseStore {
     this.set((state) => (state.isFocusMode = !state.isFocusMode));
   };
 
-  toggleSideMenu = () => {
-    this.set((state) => (state.isSideMenuOpen = !state.isSideMenuOpen));
+  toggleSideMenu = (toggleState) => {
+    this.set((state) => (state.isSideMenuOpen = toggleState != null ? toggleState : !state.isSideMenuOpen));
   };
 }