diff --git a/Front/src/Componentes/LoginPanel.svelte b/Front/src/Componentes/LoginPanel.svelte
index 417e7b2..0425889 100644
--- a/Front/src/Componentes/LoginPanel.svelte
+++ b/Front/src/Componentes/LoginPanel.svelte
@@ -171,8 +171,8 @@
             </div>
         {/if}
         <hr />
-        <a href="#" onclick={() => (showrecuperarmodal = true)}
-            >Recuperar Cuenta</a
+            <button class="btn btn-link" onclick={() => {showrecuperarmodal = true; window.scrollTo(0,0);}}
+            >Recuperar Cuenta</button
         >
     </CardBody>
 </Card>
diff --git a/Front/src/Componentes/ModalAddGarantes.svelte b/Front/src/Componentes/ModalAddGarantes.svelte
index 1351662..8890543 100644
--- a/Front/src/Componentes/ModalAddGarantes.svelte
+++ b/Front/src/Componentes/ModalAddGarantes.svelte
@@ -84,13 +84,13 @@
 
                     <!-- Duración del Contrato -->
                     <div class="mb-3">
-                        <label class="form-label"><strong>Duración del Contrato:</strong></label>
+                        <p class="form-label"><strong>Duración del Contrato:</strong></p>
                         <p class="form-control-plaintext" id="duracionEnMeses">{datosprecontrato.duracionEnMeses} Meses</p>
                     </div>
 
                     <!-- Frecuencia de Aumento -->
                     <div class="mb-3">
-                        <label class="form-label"><strong>Frecuencia de Aumento:</strong></label>
+                        <p class="form-label"><strong>Frecuencia de Aumento:</strong></p>
                         <p class="form-control-plaintext" id="frecuenciaAumentoEnMeses">Cada {datosprecontrato.frecuenciaAumentoEnMeses} meses</p>
                     </div>
                 </div>
@@ -114,28 +114,28 @@
                     <div class="form-group mt-3">
                         <h6>Añadir Garante</h6>
                         <div class="mb-2">
-                            <label>DNI</label>
-                            <input type="number" class="form-control" bind:value={newGarante.Dni} required />
+                            <label for="dni">DNI</label>
+                            <input type="number" class="form-control" bind:value={newGarante.Dni} name="dni" id="dni" required />
                         </div>
                         <div class="mb-2">
-                            <label>Nombre</label>
-                            <input type="text" class="form-control" bind:value={newGarante.Nombre} required />
+                            <label for="nombre">Nombre</label>
+                            <input type="text" class="form-control" bind:value={newGarante.Nombre} name="nombre" id="nombre" required />
                         </div>
                         <div class="mb-2">
-                            <label>Apellido</label>
-                            <input type="text" class="form-control" bind:value={newGarante.Apellido} required />
+                            <label for="apellido">Apellido</label>
+                            <input type="text" class="form-control" bind:value={newGarante.Apellido} name="apellido" id="apellido" required />
                         </div>
                         <div class="mb-2">
-                            <label>Domicilio</label>
-                            <input type="text" class="form-control" bind:value={newGarante.Domicilio} required />
+                            <label for="domicilio">Domicilio</label>
+                            <input type="text" class="form-control" bind:value={newGarante.Domicilio} name="domicilio" id="domicilio" required />
                         </div>
                         <div class="mb-2">
-                            <label>Celular</label>
-                            <input type="text" class="form-control" bind:value={newGarante.Celular} required />
+                            <label for="celular">Celular</label>
+                            <input type="text" class="form-control" bind:value={newGarante.Celular} name="celular" id="celular" required />
                         </div>
                         <div class="mb-2">
-                            <label>Domicilio Laboral</label>
-                            <input type="text" class="form-control" bind:value={newGarante.Domiciliolaboral} required />
+                            <label for="domicilioLaboral">Domicilio Laboral</label>
+                            <input type="text" class="form-control" bind:value={newGarante.Domiciliolaboral} name="domicilioLaboral" id="domicilioLaboral" required />
                         </div>
                         <div class="d-flex justify-content-between">
                             <button class="btn btn-success" type="button" onclick={addGarante}>
@@ -148,7 +148,7 @@
                     <!-- Tabla de garantes -->
                     {#if cantGarantes > 0}
                     <div class="form-group mt-3">
-                        <label>Lista de Garantes</label>
+                        <p>Lista de Garantes</p>
                         <table class="table table-striped table-bordered">
                             <thead>
                                 <tr>
diff --git a/Front/src/paginas/CrearUsuario.svelte b/Front/src/paginas/CrearUsuario.svelte
index 04f7d47..c86f554 100644
--- a/Front/src/paginas/CrearUsuario.svelte
+++ b/Front/src/paginas/CrearUsuario.svelte
@@ -151,7 +151,7 @@ const toggleGrupo = (id: number) => {
 
         <!-- Grupos -->
         <div class="col-md-6">
-            <label class="form-label">Selecciona Grupos</label>
+            <p class="form-label">Selecciona Grupos</p>
             <div class="d-flex flex-wrap gap-2">
                 {#each grupos as grupo}
                     <button