diff --git a/src/components/TheSidebar.vue b/src/components/TheSidebar.vue
index 6be678c99..2417d25ed 100644
--- a/src/components/TheSidebar.vue
+++ b/src/components/TheSidebar.vue
@@ -1,7 +1,7 @@
 <template>
     <v-navigation-drawer
         :key="navigationStyle"
-        :value="naviDrawer"
+        v-model="naviDrawer"
         :src="sidebarBackground"
         :mini-variant="navigationStyle === 'iconsOnly'"
         :width="navigationWidth"
@@ -70,6 +70,10 @@ export default class TheSidebar extends Mixins(NavigationMixin, BaseMixin) {
         return this.$store.state.naviDrawer
     }
 
+    set naviDrawer(newVal) {
+        this.$store.dispatch('setNaviDrawer', newVal)
+    }
+
     get navigationStyle() {
         return this.$store.state.gui.uiSettings.navigationStyle
     }