diff --git a/src/app/pages/customers/customers.html b/src/app/pages/customers/customers.html
index 7ed2f32..5877c09 100644
--- a/src/app/pages/customers/customers.html
+++ b/src/app/pages/customers/customers.html
@@ -1 +1 @@
-<p>customers works!</p>
+<app-customers-card-form/>
diff --git a/src/app/pages/customers/customers.ts b/src/app/pages/customers/customers.ts
index 43d4a36..0ec6fce 100644
--- a/src/app/pages/customers/customers.ts
+++ b/src/app/pages/customers/customers.ts
@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import {CustomersCardForm} from "./customers-card-form/customers-card-form";
 
 @Component({
   selector: 'app-customers',
-  imports: [],
+    imports: [
+        CustomersCardForm
+    ],
   templateUrl: './customers.html',
   styleUrl: './customers.css',
 })
diff --git a/src/app/pages/providers/providers-card-form/providers-card-form.ts b/src/app/pages/providers/providers-card-form/providers-card-form.ts
index ce6ca07..85dd200 100644
--- a/src/app/pages/providers/providers-card-form/providers-card-form.ts
+++ b/src/app/pages/providers/providers-card-form/providers-card-form.ts
@@ -2,13 +2,14 @@ import { Component } from '@angular/core';
 import {NzModalComponent, NzModalModule} from "ng-zorro-antd/modal";
 import {NzButtonComponent, NzButtonModule} from "ng-zorro-antd/button";
 import {NzMessageService} from "ng-zorro-antd/message";
+import {ProvidersAddForm} from "../providers-add-form/providers-add-form";
 
 @Component({
   selector: 'app-providers-card-form',
-    imports: [NzButtonModule, NzModalModule],
+    imports: [NzButtonModule, NzModalModule, ProvidersAddForm],
     template: `
         <button nz-button nzType="primary" (click)="showModal()">
-            <span>+</span>
+            <span style="font-weight: bold">+</span>
         </button>
         <nz-modal
                 [(nzVisible)]="isVisible"
@@ -17,10 +18,10 @@ import {NzMessageService} from "ng-zorro-antd/message";
                 [nzFooter]="modalFooter"
                 (nzOnCancel)="handleCancel()"
         >
-            <ng-template #modalTitle style="text-align: center">Création de prestataires</ng-template>
+            <ng-template #modalTitle>Création de prestataires</ng-template>
 
             <ng-template #modalContent>
-                <app-providers-add-form></app-providers-add-form>
+                <app-providers-add-form/>
             </ng-template>
 
             <ng-template #modalFooter>
diff --git a/src/app/pages/providers/providers.html b/src/app/pages/providers/providers.html
index 1efef85..294327f 100644
--- a/src/app/pages/providers/providers.html
+++ b/src/app/pages/providers/providers.html
@@ -1 +1 @@
-<app-providers-card-form></app-providers-card-form>
\ No newline at end of file
+<app-providers-card-form/>
\ No newline at end of file
diff --git a/src/app/pages/staff/staff.html b/src/app/pages/staff/staff.html
index f9500ec..76b3738 100644
--- a/src/app/pages/staff/staff.html
+++ b/src/app/pages/staff/staff.html
@@ -1 +1 @@
-<p>staff works!</p>
+<app-staff-card-form/>
diff --git a/src/app/pages/staff/staff.ts b/src/app/pages/staff/staff.ts
index 7464c3a..a3b6982 100644
--- a/src/app/pages/staff/staff.ts
+++ b/src/app/pages/staff/staff.ts
@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import {StaffCardForm} from "./staff-card-form/staff-card-form";
 
 @Component({
   selector: 'app-staff',
-  imports: [],
+    imports: [
+        StaffCardForm
+    ],
   templateUrl: './staff.html',
   styleUrl: './staff.css',
 })
diff --git a/src/theme.less b/src/theme.less
index ecf2541..80e21da 100644
--- a/src/theme.less
+++ b/src/theme.less
@@ -6,4 +6,4 @@
 // Override less variables to here
 // View all variables: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/style/themes/default.less
 
-// @primary-color: #1890ff;
+@primary-color: #1c1c1c;