diff --git a/src/components/NavigationAdmin.js b/src/components/NavigationAdmin.js
index d50a6cc..99f4d96 100644
--- a/src/components/NavigationAdmin.js
+++ b/src/components/NavigationAdmin.js
@@ -7,17 +7,31 @@ const NavigationAdmin = () => {
         <div className="nav_bar_verticale">
             <img className="logo" srcSet="./LogoApp.svg"></img>
             <NavLink className="create_user" to="/Admin">
-                <button id="user" className="bouton" type="button" value="Créer un utilisateur">Créer utilisateur</button>
+                <button id="bouton_créer" className="bouton" type="button" value="Créer un utilisateur" onClick={changeColor}>Créer utilisateur</button>
             </NavLink>
             <NavLink className="modify_user" to="/Admin_modif">
-                <button id="user" className="bouton" type="button" value="Modifier un utilisateur">Modifier utilisateur</button>
+                <button id="bouton_modif" className="bouton" type="button" value="Modifier un utilisateur" onClick={changeColor2}>Modifier utilisateur</button>
             </NavLink>
             <NavLink className="delete_user" to="/Admin_supp">
-                <button id="user" className="bouton" type="button" value="Supprimer un utilisateur">Supprimer utilisateur</button>
+                <button id="bouton_sup" className="bouton" type="button" value="Supprimer un utilisateur" onClick={changeColor3}>Supprimer utilisateur</button>
             </NavLink>
         </div>
-
     );
 };
 
+function changeColor() {
+    let button = document.getElementById("bouton_créer");
+    button.style.backgroundColor = "rgb(170,170,170)";
+}
+
+function changeColor2() {
+    let button = document.getElementById("bouton_modif");
+    button.style.backgroundColor = "rgb(170,170,170)";
+}
+
+function changeColor3() {
+    let button = document.getElementById("bouton_sup");
+    button.style.backgroundColor = "rgb(170,170,170)";
+}
+
 export default NavigationAdmin;
\ No newline at end of file
diff --git a/src/pages/Admin_modif.js b/src/pages/Admin_modif.js
index 5d5b9c6..86041b9 100644
--- a/src/pages/Admin_modif.js
+++ b/src/pages/Admin_modif.js
@@ -21,11 +21,6 @@ const Admin_modif = () => {
                                     <p>Mot de passe :</p>
                                 </div>
                             </tr>
-                            <tr>
-                                <div className="button_submit">
-                                    <button className="bouton_réini">Réinitialiser le mot de passe</button>
-                                </div>
-                            </tr>
                             <tr>
                                 <input id="nom" className="texte_zone" type="text" placeholder="Nom..."/>
                                 <input id="prénom" className="texte_zone" type="text" placeholder="Prénom..."/>
@@ -33,6 +28,11 @@ const Admin_modif = () => {
                                 <input id="identifiant" className="texte_zone" type="text" placeholder="Identifiant..."/>
                                 <input id="password" className="texte_zone" type="password" placeholder="Mot de passe (par default)..."/>
                             </tr>
+                            <tr>
+                                <div className="button_submit">
+                                    <button className="bouton_réini">Réinitialiser le mot de passe</button>
+                                </div>
+                            </tr>
                         </table>
                     </form>
                 </div>
diff --git a/src/pages/Admin_supp.js b/src/pages/Admin_supp.js
index cd59252..78f418a 100644
--- a/src/pages/Admin_supp.js
+++ b/src/pages/Admin_supp.js
@@ -42,5 +42,4 @@ const Admin_supp = () => {
     );
 };
 
-
 export default Admin_supp;
\ No newline at end of file
diff --git a/src/pages/Dashboard.js b/src/pages/Dashboard.js
index b3bb2cc..439e19a 100644
--- a/src/pages/Dashboard.js
+++ b/src/pages/Dashboard.js
@@ -3,11 +3,11 @@ import React from 'react';
 
 const Dashboard = () => {
     return (
-        <body className='corps_page_dashboard'>
+        <body className="corps_page_dashboard">
 
             <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"></link>
 
-            <div className='page_principale'>
+            <div className="page_principale">
                 {/* Create a principal page */}
                 <div className="haut_de_page">
                     <h2 className="titre">Dashboard</h2>
diff --git a/src/styles/components/_admin.scss b/src/styles/components/_admin.scss
index dce2825..08d6be8 100644
--- a/src/styles/components/_admin.scss
+++ b/src/styles/components/_admin.scss
@@ -48,7 +48,7 @@
             transition: 1s box-shadow;
             border: none;
             box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-            background-color: rgba(163, 163, 163, 0.371);
+            background-color: rgb(163, 163, 163, 0.371);
             border: 1px solid rgba(255,255,255,0.1);
             backdrop-filter: blur(30px);
             color: rgb(255, 255, 255);
@@ -145,6 +145,7 @@
                 border-radius: 5px;
                 border: 1px solid black;
                 box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+                cursor: pointer;
                 }
             }
         }