diff --git a/components/admin/servicio/Informacion.vue b/components/admin/servicio/Informacion.vue
index 76a33d2..cc35e93 100644
--- a/components/admin/servicio/Informacion.vue
+++ b/components/admin/servicio/Informacion.vue
@@ -106,7 +106,7 @@ export default {
     },
     editar() {
       localStorage.setItem('idStatus', this.alumno.Status.idStatus)
-      this.$router.push('/admin/servicio/modificar')
+      this.$router.push('/admin/servicio/editar')
     },
   },
 }
diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/editar/EditarServicio.vue
similarity index 97%
rename from components/admin/servicio/modificar/form.vue
rename to components/admin/servicio/editar/EditarServicio.vue
index 9a0061d..e662db8 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/editar/EditarServicio.vue
@@ -1,18 +1,18 @@
 <template>
   <div class="container" :class="{ pad: padding }">
     <BotonRegresar path="/admin/servicio" />
-    <br /><br />
+
     <p class="is-size-2">Editar información del alumno</p>
-    <br />
+
     <div class="formulario">
       <b-field label="Correo eletrónico alumno">
         <b-input
           type="email"
           v-model="nuevo.correo"
           :placeholder="viejo.correo"
-        >
-        </b-input>
+        />
       </b-field>
+
       <div v-if="status6()">
         <b-field label="Fecha de inicio">
           <b-datepicker
@@ -20,9 +20,9 @@
             icon="calendar-today"
             v-model="fechaInicio[0]"
             :min-date="minDate1"
-          >
-          </b-datepicker>
+          />
         </b-field>
+
         <transition name="fade">
           <b-field label="Fecha de fin" v-if="fechaInicio[0]">
             <b-datepicker
@@ -30,38 +30,39 @@
               v-model="fechaFin[0]"
               :min-date="minDate2"
               icon="calendar-today"
-            >
-            </b-datepicker>
+            />
           </b-field>
         </transition>
+
         <b-field label="Dirección">
           <b-input
             type="text"
             v-model="nuevo.direccion"
             :placeholder="viejo.direccion"
-          >
-          </b-input>
+          />
         </b-field>
+
         <b-field label="Teléfono">
           <b-input
             type="number"
             :placeholder="viejo.telefono"
             v-model="nuevo.telefono"
             maxlength="10"
-          ></b-input>
+          />
         </b-field>
+
         <b-field label="Fecha de nacimiento">
           <b-datepicker
             :placeholder="fecha(viejo.fechaNacimiento)"
             v-model="fechaNacimiento[0]"
             icon="calendar-today"
-          >
-          </b-datepicker>
+          />
         </b-field>
+
         <p class="is-size-5" v-if="viejo.cartaAceptacion">
           Carta de aceptación
         </p>
-        <br />
+
         <b-field v-if="viejo.cartaAceptacion">
           <b-upload
             v-model="nuevo.cartaAceptacion"
@@ -86,8 +87,9 @@
             </section>
           </b-upload>
         </b-field>
+
         <p class="is-size-5" v-if="viejo.cartaTermino">Carta de término</p>
-        <br />
+
         <b-field v-if="viejo.cartaTermino">
           <b-upload
             v-model="nuevo.cartaTermino"
@@ -112,8 +114,9 @@
             </section>
           </b-upload>
         </b-field>
+
         <p class="is-size-5" v-if="viejo.informeGlobal">Informe global</p>
-        <br />
+
         <b-field v-if="viejo.informeGlobal">
           <b-upload
             v-model="nuevo.informeGlobal"
@@ -139,17 +142,18 @@
           </b-upload>
         </b-field>
       </div>
-      <br />
+
       <b-button v-if="mostrar()" @click="actualizarDialog()" class="is-info">
         Actualizar Datos
       </b-button>
+
       <b-button v-else disabled class="is-info">Actualizar Datos</b-button>
+
       <b-button @click="passwordDialog()" class="is-info">
         Cambiar contraseña
       </b-button>
 
-      <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading">
-      </b-loading>
+      <b-loading :is-full-page="true" :can-cancel="false" v-model="isLoading" />
     </div>
   </div>
 </template>
diff --git a/pages/admin/servicio/modificar/index.vue b/pages/admin/servicio/editar/index.vue
similarity index 93%
rename from pages/admin/servicio/modificar/index.vue
rename to pages/admin/servicio/editar/index.vue
index d2cfd4a..458a1e8 100644
--- a/pages/admin/servicio/modificar/index.vue
+++ b/pages/admin/servicio/editar/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <section class="section">
-    <Form
+  <section class="container px-2 pb-6">
+    <EditarServicio
       :admin="admin"
       :imprimirMensaje="imprimirMensaje"
       :imprimirWarning="imprimirWarning"
@@ -10,11 +10,11 @@
 </template>
 
 <script>
-import Form from '@/components/admin/servicio/modificar/form'
+import EditarServicio from '@/components/admin/servicio/editar/EditarServicio'
 
 export default {
   components: {
-    Form,
+    EditarServicio,
   },
   data() {
     return {