diff --git a/package.json b/package.json
index b4ade5e5d..0f92a11a0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mainsail",
-    "version": "2.6.9",
+    "version": "2.6.10",
     "private": true,
     "decription": "a klipper web interface",
     "author": {
diff --git a/src/App.vue b/src/App.vue
index 36e3d0dd8..33bb880ea 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -96,8 +96,8 @@ export default class App extends Mixins(BaseMixin) {
         }
 
         // overwrite padding left for the sidebar
-        if (this.naviDrawer && this.navigationStyle === 'iconsAndText') style.paddingLeft = '220px'
-        if (this.naviDrawer && this.navigationStyle === 'iconsOnly') style.paddingLeft = '56px'
+        if (!this.isMobile && this.naviDrawer && this.navigationStyle === 'iconsAndText') style.paddingLeft = '220px'
+        if (!this.isMobile && this.naviDrawer && this.navigationStyle === 'iconsOnly') style.paddingLeft = '56px'
 
         return style
     }
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
     }