diff --git a/src/app/app.css b/src/app/app.css
index bd6e329..66078b0 100644
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -3,7 +3,7 @@
 }
 
 .app-layout {
-  height: 150vh;
+    height: 150vh;
     width: 100%;
 }
 
@@ -36,8 +36,8 @@
 
 .logo img {
   display: inline-block;
-  height: 70px;
-  width: 130px;
+    height: 70px;
+    width: 130px;
 }
 
 .logo h1 {
diff --git a/src/app/app.html b/src/app/app.html
index 09a862f..9ed2e07 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -2,16 +2,16 @@
   <nz-header>
     <div class="logo">
       <a>
-        <img src="../logo-navbar.svg" alt="logo">
-        <h1>Gestion des relations</h1>
+         <img src="../logo-navbar.svg" alt="logo">
+         <h1>Gestion des relations</h1>
       </a>
     </div>
-    <ul nz-menu class="top-nav" nzTheme="dark" nzMode="horizontal">
-      <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/customers"><nz-icon nzType="shop" nzTheme="outline" /> Clients</li>
-      <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/providers"><nz-icon nzType="solution" nzTheme="outline" /> Prestataires</li>
-      <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/staff"><nz-icon nzType="fire" nzTheme="fill" /> Artificiers</li>
-      <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/opportunities"><nz-icon nzType="stock" nzTheme="outline" /> Opportunités</li>
-    </ul>
+     <ul nz-menu class="top-nav" nzTheme="dark" nzMode="horizontal">
+         <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/customers"><nz-icon nzType="shop" nzTheme="outline" /> Clients</li>
+         <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/providers"><nz-icon nzType="solution" nzTheme="outline" /> Prestataires</li>
+         <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/staff"><nz-icon nzType="fire" nzTheme="fill" /> Artificiers</li>
+         <li nz-menu-item class="nav-item" routerLinkActive="ant-menu-item-selected" routerLink="/opportunities"><nz-icon nzType="stock" nzTheme="outline" /> Opportunités</li>
+     </ul>
   </nz-header>
   <nz-content>
     <div class="inner-content">
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 dd8edd7..ce6ca07 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
@@ -1,12 +1,11 @@
 import { Component } from '@angular/core';
 import {NzModalComponent, NzModalModule} from "ng-zorro-antd/modal";
 import {NzButtonComponent, NzButtonModule} from "ng-zorro-antd/button";
-import {ProvidersAddForm} from "../providers-add-form/providers-add-form";
 import {NzMessageService} from "ng-zorro-antd/message";
 
 @Component({
   selector: 'app-providers-card-form',
-    imports: [NzButtonModule, NzModalModule, ProvidersAddForm],
+    imports: [NzButtonModule, NzModalModule],
     template: `
         <button nz-button nzType="primary" (click)="showModal()">
             <span>+</span>
diff --git a/src/app/pages/providers/providers-card/providers-card.html b/src/app/pages/providers/providers-card/providers-card.html
index 2a291ad..7fadb39 100644
--- a/src/app/pages/providers/providers-card/providers-card.html
+++ b/src/app/pages/providers/providers-card/providers-card.html
@@ -1 +1 @@
-<p>providers-card works!</p>
+<app-providers-card-form/>
diff --git a/src/app/pages/providers/providers-card/providers-card.ts b/src/app/pages/providers/providers-card/providers-card.ts
index 596c6fd..f1777ea 100644
--- a/src/app/pages/providers/providers-card/providers-card.ts
+++ b/src/app/pages/providers/providers-card/providers-card.ts
@@ -1,8 +1,9 @@
 import { Component } from '@angular/core';
+import {ProvidersCardForm} from "../providers-card-form/providers-card-form";
 
 @Component({
   selector: 'app-providers-card',
-  imports: [],
+  imports: [ProvidersCardForm],
   templateUrl: './providers-card.html',
   styleUrl: './providers-card.css',
 })
diff --git a/src/theme.less b/src/theme.less
index 80e21da..ecf2541 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: #1c1c1c;
+// @primary-color: #1890ff;