diff --git a/src/components/atoms/BoostHubWebview.tsx b/src/components/atoms/BoostHubWebview.tsx
index 91a8db11a2..faaea0af4a 100644
--- a/src/components/atoms/BoostHubWebview.tsx
+++ b/src/components/atoms/BoostHubWebview.tsx
@@ -55,7 +55,7 @@ const BoostHubWebview = ({
   onDidNavigate,
 }: BoostHubWebviewProps) => {
   const webviewRef = useRef<WebviewTag>(null)
-  const { preferences } = usePreferences()
+  const { preferences, setPreferences } = usePreferences()
   const { signOut } = useBoostHub()
   const cloudUser = preferences['cloud.user']
 
@@ -167,6 +167,19 @@ const BoostHubWebview = ({
                 label: 'Open Dev Tools',
                 click: openDevTools,
               },
+              {
+                type: 'normal',
+                label: 'Toggle App Navigator',
+                click: () => {
+                  setPreferences((prevPreferences) => {
+                    return {
+                      'general.showAppNavigator': !prevPreferences[
+                        'general.showAppNavigator'
+                      ],
+                    }
+                  })
+                },
+              },
             ],
           })
           break
diff --git a/src/components/organisms/NoteStorageNavigator.tsx b/src/components/organisms/NoteStorageNavigator.tsx
index 1c5849a2ad..5bea4d4ac3 100644
--- a/src/components/organisms/NoteStorageNavigator.tsx
+++ b/src/components/organisms/NoteStorageNavigator.tsx
@@ -165,7 +165,6 @@ const NoteStorageNavigator = ({ storage }: NoteStorageNavigatorProps) => {
             click: () => {
               setPreferences((prevPreferences) => {
                 return {
-                  ...prevPreferences,
                   'general.showAppNavigator': !prevPreferences[
                     'general.showAppNavigator'
                   ],