diff --git a/src/services/group.service.ts b/src/services/group.service.ts
index cd8fb65..be86359 100644
--- a/src/services/group.service.ts
+++ b/src/services/group.service.ts
@@ -16,4 +16,8 @@ export class GroupService extends BaseService {
 
     return this.post<Group>("group/add",body);
   }
+
+  public deleteGroup(id_group:number):Observable<void>{
+    return this.delete<void>(`group/delete?id=${id_group}`);
+  }
 }
diff --git a/src/view/pages/home/home.component.html b/src/view/pages/home/home.component.html
index db76410..8ab3feb 100644
--- a/src/view/pages/home/home.component.html
+++ b/src/view/pages/home/home.component.html
@@ -7,13 +7,13 @@
 </h2>
 <div>
   <div>
-  @for (task of tasks(); track task.id_task) {
-    <p>
-      {{ task.name_task }}
-    </p>
+    @for (task of tasks(); track task.id_task) {
+      <p>
+        {{ task.name_task }}
+      </p>
 
-    <button (click)="deleteTask(task.id_task)">Supprimer la tâche </button>
-  }
+      <button (click)="deleteTask(task.id_task)">Supprimer la tâche </button>
+    }
   </div>
   <br/>
   <button (click)="toggleTaskForm()">
@@ -43,11 +43,17 @@
   Section groupes de tâches
 </h2>
 <div>
-  @for (group of groups(); track group.id_group) {
-    <p>
-      {{ group.name_group }}
-    </p>
-  }
+  <div>
+    @for (group of groups(); track group.id_group) {
+      <p>
+        {{ group.name_group }}
+      </p>
+
+      <button (click)="deleteGroup(group.id_group)">Supprimer le groupe </button>
+    }
+  </div>
+
+  <br/>
 
   <button (click)="toggleGroupForm()">Ajouter un groupe</button>
 
diff --git a/src/view/pages/home/home.component.ts b/src/view/pages/home/home.component.ts
index 905e603..2d68048 100644
--- a/src/view/pages/home/home.component.ts
+++ b/src/view/pages/home/home.component.ts
@@ -142,6 +142,24 @@ export class Home {
     });
   }
 
+  /**
+   * deleteGroup
+   */
+  public deleteGroup(id_group:number) {
+    let response:Observable<void> = this.groupService.deleteGroup(id_group);
+
+    response.subscribe({
+      next: () => {
+        this.groups.update((groups) => {
+          return groups.filter(((group) => group.id_group != id_group));
+        });
+      },
+      error: (error) => {
+        console.error(`La suppression du groupe est impossible\nErreur: ${error.error.message}`);
+      }
+    });
+  }
+
   public toggleProjectForm(): void {
     this.showProjectForm = !this.showProjectForm;
   }