diff --git a/src/app/components/deliverer-table/deliverer-table.html b/src/app/components/deliverer-table/deliverer-table.html
index 2d19523..b7d3b68 100644
--- a/src/app/components/deliverer-table/deliverer-table.html
+++ b/src/app/components/deliverer-table/deliverer-table.html
@@ -11,7 +11,7 @@
             <tr>
                 <td>{{data.transporter}}</td>
                 <td>
-                    <app-modal-button name="Voir tout les bons de livraison">
+                    <app-modal-button type="link" name="Voir tout les bons de livraison">
                         <div style="max-height: 400px; overflow-y: auto;">
                             <nz-table [nzData]="data.deliveryNote">
                                 <thead>
diff --git a/src/app/components/deliverery-note-table/deliverery-note-table.html b/src/app/components/deliverery-note-table/deliverery-note-table.html
index e738aaf..b0932a1 100644
--- a/src/app/components/deliverery-note-table/deliverery-note-table.html
+++ b/src/app/components/deliverery-note-table/deliverery-note-table.html
@@ -19,7 +19,7 @@
                 <td>{{data.estimateDeliveryDate | date: 'dd/MM/yyyy'}}</td>
                 <td>{{data.realDeliveryDate | date: 'dd/MM/yyyy'}}</td>
                 <td>
-                    <app-modal-button name="Voir les produits">
+                    <app-modal-button type="link" name="Voir les produits">
                         <div style="max-height: 400px; overflow-y: auto;">
                             <nz-table [nzData]="data.productDelivery">
                                 <thead>
diff --git a/src/app/components/modal-button/modal-button.html b/src/app/components/modal-button/modal-button.html
index 97e1450..cf8186c 100644
--- a/src/app/components/modal-button/modal-button.html
+++ b/src/app/components/modal-button/modal-button.html
@@ -1,4 +1,4 @@
-<button nz-button nzType="primary" (click)="showModal()">{{name()}}</button>
+<button nz-button [nzType]="type()" (click)="showModal()">{{name()}}</button>
 
 <ng-template #modalContent>
     <ng-content></ng-content>
diff --git a/src/app/components/modal-button/modal-button.ts b/src/app/components/modal-button/modal-button.ts
index 3bcf6da..b1ed57a 100644
--- a/src/app/components/modal-button/modal-button.ts
+++ b/src/app/components/modal-button/modal-button.ts
@@ -1,5 +1,4 @@
 import {Component, input, Input} from '@angular/core';
-import {NzIconDirective} from "ng-zorro-antd/icon";
 import {NzModalComponent} from "ng-zorro-antd/modal";
 import {NzButtonComponent} from "ng-zorro-antd/button";
 
@@ -15,6 +14,7 @@ import {NzButtonComponent} from "ng-zorro-antd/button";
 
 export class ModalButton {
     name = input.required<string>()
+    type = input<"primary" | "default" | "dashed" | "link" | "text">()
 
     isVisible = false;
     isOkLoading = false;
diff --git a/src/app/pages/deliverer/deliverer.html b/src/app/pages/deliverer/deliverer.html
index 3fe4500..3707ef0 100644
--- a/src/app/pages/deliverer/deliverer.html
+++ b/src/app/pages/deliverer/deliverer.html
@@ -1,4 +1,4 @@
-<app-modal-button name="Ajouter un transporteur">
+<app-modal-button type="primary" name="Ajouter un transporteur">
     <app-deliverer-form></app-deliverer-form>
 </app-modal-button>
 
diff --git a/src/app/pages/delivery-note/delivery-note.html b/src/app/pages/delivery-note/delivery-note.html
index 0c90178..b689eff 100644
--- a/src/app/pages/delivery-note/delivery-note.html
+++ b/src/app/pages/delivery-note/delivery-note.html
@@ -1,4 +1,4 @@
-<app-modal-button name="Créer un devis">
+<app-modal-button type="primary" name="Créer un devis">
     <app-deliverery-note-form></app-deliverery-note-form>
 </app-modal-button>
 <div class="mt-4">
diff --git a/src/app/pages/user/user.html b/src/app/pages/user/user.html
index 0ce699e..02a9d55 100644
--- a/src/app/pages/user/user.html
+++ b/src/app/pages/user/user.html
@@ -1,4 +1,4 @@
-<app-modal-button name="Ajouter un utilisateur">
+<app-modal-button type="primary" name="Ajouter un utilisateur">
     <app-profil-form></app-profil-form>
 </app-modal-button>