diff --git a/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.html b/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.html
index 6ab6c82..10e49c8 100644
--- a/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.html
+++ b/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.html
@@ -34,7 +34,7 @@
         </div>
 
         <div style="float:right;">
-          <button mat-raised-button color="warn">Delete</button>
+          <button mat-raised-button color="warn" (click)="deleteTask()">Delete</button>
         </div>
 
       </div>
diff --git a/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.ts b/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.ts
index 369634e..bae3db5 100644
--- a/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.ts
+++ b/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.ts
@@ -187,4 +187,12 @@ export class TaskDetailOverviewComponent implements OnInit {
       minWidth: "400px"
     })
   }
+
+  deleteTask() {
+    this.taskService.tasksTaskIDDelete(this.task!.taskID).subscribe({
+      next: resp => {
+        this.router.navigateByUrl("/")
+      }
+    })
+  }
 }