diff --git a/src/App.vue b/src/App.vue
index ec1d06d85..862dc9d3b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -23,7 +23,7 @@
 <template>
 	<NcContent app-name="deck" :class="{ 'nav-hidden': !navShown, 'sidebar-hidden': !sidebarRouterView }">
 		<AppNavigation />
-		<NcAppContent>
+		<NcAppContent @click="clickCloseSidebar()">
 			<router-view />
 		</NcAppContent>
 
@@ -122,6 +122,11 @@ export default {
 		hideModal() {
 			this.$router.push({ name: 'board' })
 		},
+		clickCloseSidebar() {
+			if (this.sidebarShown) {
+				this.$router.push({ name: 'board' })
+			}
+		},
 	},
 }
 </script>
diff --git a/src/components/card/CardSidebar.vue b/src/components/card/CardSidebar.vue
index ab6d9a88f..f08bd147c 100644
--- a/src/components/card/CardSidebar.vue
+++ b/src/components/card/CardSidebar.vue
@@ -22,7 +22,6 @@
 
 <template>
 	<NcAppSidebar v-if="currentBoard && currentCard"
-		v-click-outside="closeSidebar"
 		:active="tabId"
 		:title="title"
 		:subtitle="subtitle"