diff --git a/src/components/TeamDetail.svelte b/src/components/TeamDetail.svelte
index 7ae6fe8f..f558332e 100644
--- a/src/components/TeamDetail.svelte
+++ b/src/components/TeamDetail.svelte
@@ -7,6 +7,7 @@
   import Toastify from "toastify-js";
   import store from "../store";
   import PromiseError from "./PromiseError.svelte";
+  import ConfirmTeamDeletion from "./ConfirmTeamDeletion.svelte";
   $: delete_triggered = false;
   $: save_enabled = !data_changed;
   export let params;
@@ -22,6 +23,8 @@
     original = Object.assign(original, value);
   });
   $: orgs = [];
+  let modal_open = false;
+  let delete_team = {};
   const orgs_promise = RunnerOrganisationService.runnerOrganisationControllerGetAll().then(
     (val) => {
       console.log(val);
@@ -34,9 +37,17 @@
   function deleteTeam() {
     RunnerTeamService.runnerTeamControllerRemove(original.id, true)
       .then((resp) => {
+        Toastify({
+          text: "Organization deleted",
+          duration: 500,
+          backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+        }).showToast();
         location.replace("./");
       })
-      .catch((err) => {});
+      .catch((err) => {
+        modal_open = true;
+        delete_team = original;
+      });
   }
   function submit() {
     if (data_loaded === true && save_enabled) {
@@ -63,6 +74,7 @@
   }
 </script>
 
+<ConfirmTeamDeletion bind:modal_open bind:delete_team />
 {#if data_loaded}
   <section class="container p-5">
     <div class="mb-8 text-3xl font-extrabold leading-tight">