diff --git a/src/App.vue b/src/App.vue
index c07c0a612..39898b008 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -37,7 +37,7 @@
 			</div>
 		</Modal>
 
-		<router-view v-show="!cardDetailsInModal || !$route.params.cardId" name="sidebar" />
+		<router-view name="sidebar" :visible="!cardDetailsInModal || !$route.params.cardId" />
 	</Content>
 </template>
 
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index b41af9c2c..36a9bde1d 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -21,12 +21,18 @@
   -->
 
 <template>
-	<router-view name="sidebar" />
+	<router-view v-if="visible" name="sidebar" />
 </template>
 
 <script>
 export default {
 	name: 'Sidebar',
+	props: {
+		visible: {
+			type: Boolean,
+			default: true,
+		},
+	},
 	methods: {
 		closeSidebar() {
 			this.$router.push({ name: 'board' })