diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index d2001f5..b253e6c 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="modal" tabindex="-1" @keyup.esc="$emit('close')">
+    <div class="modal" tabindex="-1" @keyup.esc="$emit('close')" @click.self="$emit('close')">
         <div class="modal-dialog modal-xl">
             <div class="modal-content bg-dark text-light border-secondary">
                 <div class="modal-header">