diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index ca8c77196..492584232 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<router-view v-if="visible" name="sidebar" />
+	<router-view v-if="visible" v-click-outside="onClickOutside" name="sidebar" />
 </template>
 
 <script>
@@ -37,6 +37,12 @@ export default {
 		closeSidebar() {
 			this.$router.push({ name: 'board' })
 		},
+		onClickOutside(e) {
+			if (Array.from(document.querySelectorAll('.card')).some(node => node.contains(e.target))) {
+				return
+			}
+			this.closeSidebar()
+		},
 	},
 }
 </script>