diff --git a/web/src/App.vue b/web/src/App.vue
index 49986b1..f92d1d6 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -2,11 +2,6 @@
 import { LOGOUT } from "./store/mutation-types";
 
 export default {
-  data() {
-    return {
-      showMenu: null
-    }
-  },
   computed: {
     loggedIn() {
       return this.$store.state.Session.Token;
@@ -18,7 +13,7 @@ export default {
       this.$router.push("/login")
     },
     toggleMenu () {
-      this.showMenu = !this.showMenu;
+      this.$store.commit("toggleMenu");
     }
   },
   beforeCreate () {
@@ -44,7 +39,7 @@ export default {
       <v-btn v-if="loggedIn"><a @click="logout">Logout</a></v-btn>
     </v-app-bar>
 
-    <v-navigation-drawer app v-model="showMenu">
+    <v-navigation-drawer app v-model="$store.state.ShowMenu">
       <router-view name="sidebar"></router-view>
     </v-navigation-drawer>
   
diff --git a/web/src/store/index.js b/web/src/store/index.js
index 85400af..261ebab 100644
--- a/web/src/store/index.js
+++ b/web/src/store/index.js
@@ -8,6 +8,7 @@ const store = createStore({
                 Token: null,
                 User: null
             },
+            ShowMenu: null,
             Budgets: {},
             CurrentBudgetID: null,
             Accounts: [],
@@ -18,6 +19,9 @@ const store = createStore({
         }
     },
     mutations: {
+        toggleMenu(state) {
+            state.ShowMenu = !state.ShowMenu;
+        },
         initializeStore(state) {
             const store = localStorage.getItem("store");
             if(store){