diff --git a/app/src/layouts/default.vue b/app/src/layouts/default.vue
index 84504fa..82b6acc 100644
--- a/app/src/layouts/default.vue
+++ b/app/src/layouts/default.vue
@@ -7,7 +7,8 @@
       class="grey darken-3"
       dark
       app
-      mobile-breakpoint="sm"
+      :permanent="$vuetify.breakpoint.mdOnly"
+      :temporary="$vuetify.breakpoint.smAndDown"
       :clipped="clipped"
     >
       <template
@@ -230,6 +231,9 @@
     computed: {
       ...mapState(['stats', 'settings']),
     },
+    created () {
+      this.drawer = !this.$vuetify.breakpoint.smAndDown
+    },
   }
 </script>