diff --git a/src/components/runners/DeleteRunnerModal.svelte b/src/components/runners/DeleteRunnerModal.svelte
index 574a19b9..a7592f7d 100644
--- a/src/components/runners/DeleteRunnerModal.svelte
+++ b/src/components/runners/DeleteRunnerModal.svelte
@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { createEventDispatcher } from "svelte";
+  import { createEventDispatcher, onMount } from "svelte";
   export let modal_open;
   export let delete_runner = {
     id: 0,
@@ -9,8 +9,7 @@
     lastname: "",
   };
   const dispatch = createEventDispatcher();
-
-  (() => {
+  onMount(() => {
     document.onkeydown = (e) => {
       e = e || window.event;
       if (e.key === "Escape") {
@@ -23,7 +22,7 @@
         }
       }
     };
-  })();
+  });
   async function submit() {
     dispatch("delete", { id: delete_runner.id });
   }