diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index 6b00bb9b..23da2f04 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -12,9 +12,14 @@
       items-center
     "
     style="background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(4px)"
+    @click="$emit('closemodal')"
     v-if="openModal"
   >
-    <div class="bg-white rounded-lg shadow-2xl w-form" v-bind="$attrs">
+    <div
+      class="bg-white rounded-lg shadow-2xl w-form"
+      v-bind="$attrs"
+      @click.stop
+    >
       <slot></slot>
     </div>
   </div>
@@ -28,5 +33,6 @@ export default {
       type: Boolean,
     },
   },
+  emits: ['closemodal'],
 };
 </script>
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index def3a9e1..7c44e347 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -27,7 +27,7 @@
   </div>
 
   <!-- Search Modal -->
-  <Modal :open-modal="openModal">
+  <Modal :open-modal="openModal" @closemodal="close">
     <!-- Search Input -->
     <div class="p-1">
       <input