diff --git a/src/app/app.ts b/src/app/app.ts
index fce0dad..a71301c 100644
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -3,7 +3,7 @@ import {RouterLink, RouterLinkActive, RouterOutlet} from '@angular/router';
 import { NzLayoutModule } from 'ng-zorro-antd/layout';
 import { NzMenuModule } from 'ng-zorro-antd/menu';
 import {NzIconDirective} from "ng-zorro-antd/icon";
-import {ModalNav} from "./components/modalNav/modalNav";
+import {ModalNav} from "./components/modal-nav/modal-nav";
 
 @Component({
   selector: 'app-root',
diff --git a/src/app/components/modalNav/modalNav.css b/src/app/components/modal-nav/modal-nav.css
similarity index 100%
rename from src/app/components/modalNav/modalNav.css
rename to src/app/components/modal-nav/modal-nav.css
diff --git a/src/app/components/modalNav/modalNav.html b/src/app/components/modal-nav/modal-nav.html
similarity index 100%
rename from src/app/components/modalNav/modalNav.html
rename to src/app/components/modal-nav/modal-nav.html
diff --git a/src/app/components/modalNav/modalNav.ts b/src/app/components/modal-nav/modal-nav.ts
similarity index 88%
rename from src/app/components/modalNav/modalNav.ts
rename to src/app/components/modal-nav/modal-nav.ts
index cb149f5..32f9d6d 100644
--- a/src/app/components/modalNav/modalNav.ts
+++ b/src/app/components/modal-nav/modal-nav.ts
@@ -4,10 +4,10 @@ import { NzModalModule } from 'ng-zorro-antd/modal';
 import {NzIconDirective} from "ng-zorro-antd/icon";
 
 @Component({
-    selector: 'app-modalNav',
+    selector: 'app-modal-nav',
     imports: [NzButtonModule, NzModalModule, NzIconDirective],
-    templateUrl: 'modalNav.html',
-    styleUrls: ['./modalNav.css'],
+    templateUrl: 'modal-nav.html',
+    styleUrls: ['./modal-nav.css'],
 })
 export class ModalNav {
     @Input() nameIcon: string = '';
diff --git a/src/app/components/stock-table/stock-table.html b/src/app/components/stock-table/stock-table.html
index ab29132..2cf3c02 100644
--- a/src/app/components/stock-table/stock-table.html
+++ b/src/app/components/stock-table/stock-table.html
@@ -23,9 +23,9 @@
                 <td>{{data.minimalQuantity}}</td>
                 <td>
                     <div style="display: flex; gap: 10px;">
-                        <app-modalNav nameIcon="edit" name="Modification de la quantité minimale">
+                        <app-modal-nav nameIcon="edit" name="Modification de la quantité minimale">
                             <app-stock-form></app-stock-form>
-                        </app-modalNav>
+                        </app-modal-nav>
                         <div>
                             <nz-icon nzType="delete" nzTheme="outline"/>
                         </div>
diff --git a/src/app/components/stock-table/stock-table.ts b/src/app/components/stock-table/stock-table.ts
index 2edec1b..ee6c0f6 100644
--- a/src/app/components/stock-table/stock-table.ts
+++ b/src/app/components/stock-table/stock-table.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 import {StockInfo} from "../../interfaces/stock.interface";
 import {NzTableComponent} from "ng-zorro-antd/table";
-import {ModalNav} from "../modalNav/modalNav";
+import {ModalNav} from "../modal-nav/modal-nav";
 import {NzIconDirective} from "ng-zorro-antd/icon";
 import {StockForm} from "../stock-form/stock-form";
 
diff --git a/src/app/pages/welcome/welcome.ts b/src/app/pages/welcome/welcome.ts
index 16d279e..138646b 100644
--- a/src/app/pages/welcome/welcome.ts
+++ b/src/app/pages/welcome/welcome.ts
@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import {ModalNav} from "../../components/modalNav/modalNav";
+import {ModalNav} from "../../components/modal-nav/modal-nav";
 import {NzIconDirective} from "ng-zorro-antd/icon";
 
 @Component({