diff --git a/src/components/runners/DeleteRunnerModal.svelte b/src/components/runners/DeleteRunnerModal.svelte
index 574a19b9..5b7ea80e 100644
--- a/src/components/runners/DeleteRunnerModal.svelte
+++ b/src/components/runners/DeleteRunnerModal.svelte
@@ -26,6 +26,7 @@
   })();
   async function submit() {
     dispatch("delete", { id: delete_runner.id });
+    modal_open=false;
   }
 </script>
 
diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index 5012494c..e65e50f2 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -24,6 +24,7 @@
   import TableActions from "../shared/TableActions.svelte";
   import { groupFilter } from "../shared/tablefilters";
   import DeleteRunnerModal from "./DeleteRunnerModal.svelte";
+  import Toastify from "toastify-js";
 
   $: selectedRunners =
     $table?.getSelectedRowModel().rows.map((row) => row.original) || [];