added new style responsive

app/Components/BarNavigation/BarNavigation.css

@@ -56,7 +56,6 @@
   align-items: center;
   justify-content: center;
   width: 100%;
-  gap: 10px;
   position: relative;
   z-index: 1;
   border-radius: 4px 4px 0 0;
@@ -139,7 +138,7 @@ tbody {
 
   .barNavigation ul {
     position: absolute;
-    background-color: rgb(1, 92, 184);
+    background-color: #003e79;
     flex-direction: column;
     padding: 10px 0;
     align-items: center;
@@ -160,10 +159,10 @@ tbody {
   }
 
   .subMenu ul {
-    width: 90%;
+    width: 100%;
     border-radius: 4px;
     position: relative;
-    background-color: rgba(0, 61, 121, 1);
+    background-color: rgb(1, 92, 184);
   }
 
   thead,

app/Components/ChangePassword/changePassword.tsx

@@ -14,7 +14,7 @@ export default function ChangePassword() {
 
   return (
     <section className="centerGrid containerSection">
-      <form onSubmit={handleChangePass}>
+      <form onSubmit={handleChangePass} className="pass">
         <div className="containerInput relative">
           <label className="label">Contraseña actual</label>
           <input

app/Components/StepNavigator/StepNavigator.css

@@ -1,11 +1,12 @@
 .stepNavigator {
-    position: relative;
-    max-width: 600px;
-    margin-top: 1rem;
-    border: 1px solid #e5e7eb;
-    border-radius: 4px;
-    background-color: #f9fafb;
-    padding: 1rem;
-    display: flex;
-    flex-direction: column;
-}
+  position: relative;
+  width: 100%;
+  max-width: 600px;
+  margin-top: 1rem;
+  border: 1px solid #e5e7eb;
+  border-radius: 4px;
+  background-color: #f9fafb;
+  padding: 1rem;
+  display: flex;
+  flex-direction: column;
+}