diff --git a/frontend/src/components/modal.svelte b/frontend/src/components/modal.svelte
index 3138f01..36e21a5 100644
--- a/frontend/src/components/modal.svelte
+++ b/frontend/src/components/modal.svelte
@@ -5,8 +5,16 @@
   export let show = false;
   export let title = undefined;
   export let contentPadding = true;
+
+  function keydown(event) {
+    if (event.key === 'Escape') {
+      show = false;
+    }
+  }
 </script>
 
+<svelte:window on:keydown={keydown} />
+
 {#if show}
   <div class="modal outer" on:mousedown|self={() => show = false} transition:fade>
     <div class="inner" transition:fly={{ y: 100 }}>