diff --git a/aleksis/core/assets/components/app/SideNav.vue b/aleksis/core/assets/components/app/SideNav.vue
index 826fa125222e31b7030a9364d792da2a4622152f..1ee0602d1bf4d01037c48a5a9110697743787464 100644
--- a/aleksis/core/assets/components/app/SideNav.vue
+++ b/aleksis/core/assets/components/app/SideNav.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-navigation-drawer app>
+  <v-navigation-drawer app :value="value" @input="$emit('input', $event.target.value)">
     <v-list nav dense shaped>
       <v-list-item class="logo">
         <a
@@ -88,6 +88,7 @@ export default {
   props: {
     sideNavMenu: { type: Array, required: true },
     systemProperties: { type: Object, required: true },
+    value: { type: Boolean, required: true },
   },
 };
 </script>