diff --git a/src/components/ModalView.vue b/src/components/ModalView.vue
index 1543522..4d0b906 100644
--- a/src/components/ModalView.vue
+++ b/src/components/ModalView.vue
@@ -8,7 +8,22 @@
 </template>
 
 <script>
+  import { onBeforeUnmount } from 'vue';
+
   export default {
+    setup({closeModal}){
+      let onKeydown = (event) => {
+        if(event.key == 'Escape') {
+          closeModal()
+        }
+      }
+
+      window.addEventListener('keydown', onKeydown)
+
+      onBeforeUnmount(() => {
+        window.removeEventListener('keydown', onKeydown)
+      })
+    },
     props: {
       closeModal: {
         type: Function,