diff --git a/frontend/src/html/index.html b/frontend/src/html/index.html
index 36db215..94dae5f 100644
--- a/frontend/src/html/index.html
+++ b/frontend/src/html/index.html
@@ -62,7 +62,7 @@
 
   <footer id="footer" ref="footer"></footer>
 
-  <dialog id="fiche" style="display:flex;flex-direction: row;">
+  <dialog id="modal" style="display:flex;flex-direction: row;">
     <section style="width:100%;height:100%">
       <div style="overflow-y: hidden;overflow-x: hidden;height: 10%;">
         <div style="float:left"><div class="modal_header">This is a modal header</div></div>
diff --git a/frontend/src/scripts/UI/modal.js b/frontend/src/scripts/UI/modal.js
index 606d079..dadfa8f 100644
--- a/frontend/src/scripts/UI/modal.js
+++ b/frontend/src/scripts/UI/modal.js
@@ -2,7 +2,7 @@ class Modal {
     // TODO : industrialiser en créant une classe 
 }
 
-const modalDialog = document.getElementById('fiche');
+const modalDialog = document.getElementById('modal');
 
 var modal_hooks = [];