diff --git a/web/src/App.vue b/web/src/App.vue
index e9e3ac1..3a3f3de 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -8,7 +8,7 @@ import { useSettingsStore } from "./stores/settings";
 export default defineComponent({
     computed: {
         ...mapState(useBudgetsStore, ["CurrentBudgetName"]),
-        ...mapState(useSettingsStore, ["ExpandMenu", "ShowMenu"]),
+        ...mapState(useSettingsStore, ["Menu"]),
         ...mapState(useSessionStore, ["LoggedIn"]),
     },
     methods: {
@@ -43,7 +43,7 @@ export default defineComponent({
 
         <div class="flex flex-col md:flex-row flex-1">
             <div
-                :class="[ExpandMenu ? 'md:w-72' : 'md:w-36', ShowMenu ? '' : 'hidden']"
+                :class="[Menu.Expand ? 'md:w-72' : 'md:w-36', Menu.Show ? '' : 'hidden']"
                 class="md:block flex-shrink-0 w-full"
             >
                 <router-view name="sidebar"></router-view>