diff --git a/components/admin/servicio/datosPersonales.vue b/components/admin/servicio/datosPersonales.vue
index caf6b58..af8d8b3 100644
--- a/components/admin/servicio/datosPersonales.vue
+++ b/components/admin/servicio/datosPersonales.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="datosPersonales">
-    <p class="is-size-4"><b>Datos personales</b></p>
+    <p class="is-size-3"><b>Datos personales</b></p>
     <p class="is-size-5 mt-5" v-if="alumno.Usuario.nombre">
       <b>Nombre: </b>{{ alumno.Usuario.nombre }}
     </p>
diff --git a/components/admin/servicio/datosPrograma.vue b/components/admin/servicio/datosPrograma.vue
index dbbe75e..750f9a5 100644
--- a/components/admin/servicio/datosPrograma.vue
+++ b/components/admin/servicio/datosPrograma.vue
@@ -1,19 +1,19 @@
 <template>
   <div id="programa">
     <br />
-    <p class="is-size-4"><b>Datos del programa</b></p>
+    <p class="is-size-3"><b>Datos del programa</b></p>
     <br />
-    <p class="is-size-5" v-if="programa.programa">
+    <p class="is-size-5 mb-4" v-if="programa.programa">
       <b>Programa: </b><span> {{ programa.programa }} </span>
     </p>
-    <p class="is-size-5" v-if="programa.clavePrograma">
+    <p class="is-size-5 mb-4" v-if="programa.clavePrograma">
       <b>Clave del programa: </b
       ><span> {{ programa.clavePrograma }} </span>
     </p>
-    <p class="is-size-5" v-if="programa.dependencia">
+    <p class="is-size-5 mb-4" v-if="programa.dependencia">
       <b>Dependecia: </b><span> {{ programa.dependencia }} </span>
     </p>
-    <p class="is-size-5" v-if="programa.institucion">
+    <p class="is-size-5 mb-4" v-if="programa.institucion">
       <b>Institución: </b><span> {{ programa.institucion }} </span>
     </p>
     <br />
@@ -26,4 +26,4 @@ export default {
     programa: Object
   }
 }
-</script>
+</script> mb-4
\ No newline at end of file
diff --git a/components/admin/servicio/tituloServicio.vue b/components/admin/servicio/tituloServicio.vue
index 6484220..21d97cb 100644
--- a/components/admin/servicio/tituloServicio.vue
+++ b/components/admin/servicio/tituloServicio.vue
@@ -1,21 +1,21 @@
 <template>
   <div id="Status">
-    <p class="is-size-3" v-if="status == 1">
+    <p class="is-size-1" v-if="status == 1">
       Pre Registro
     </p>
-    <p class="is-size-3" v-else-if="status == 2">
+    <p class="is-size-1" v-else-if="status == 2">
       Pre Registro Válidado
     </p>
-    <p class="is-size-3" v-else-if="status == 3">
+    <p class="is-size-1" v-else-if="status == 3">
       Registro
     </p>
-    <p class="is-size-3" v-else-if="status == 4">
+    <p class="is-size-1" v-else-if="status == 4">
       Pre Término
     </p>
-    <p class="is-size-3" v-else-if="status == 5">
+    <p class="is-size-1" v-else-if="status == 5">
       Término
     </p>
-    <p class="is-size-3" v-else-if="status == 6">
+    <p class="is-size-1" v-else-if="status == 6">
       Liberación
     </p>
   </div>
diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index abffbf3..13bbeb8 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -6,11 +6,11 @@
       </b-button>
     </div>
     <!--Componente titulo-->
-    <TituloServicio :status="alumno.Status.idStatus"/>
+    <TituloServicio :status="alumno.Status.idStatus" />
     <!--Componente programa-->
     <DatosPrograma :programa="alumno.Programa" />
     <!--Componente datosPersonales, alumno-->
-    <DatosPersonales :alumno="alumno"/>
+    <DatosPersonales :alumno="alumno" />
     <!--Componente Enlaces 
       alumno.Status.idStatus
       alumno.cartaAceptacion
@@ -24,7 +24,7 @@
         Editar información
       </b-button>
       <br /><br />
-      <TituloStatus :status="alumno.Status.idStatus"/>
+      <TituloStatus :status="alumno.Status.idStatus" />
       <div v-if="alumno.cartaAceptacion" class="">
         <span class="spanDoc"><strong>Ver carta de aceptación</strong></span>
         <a :href="linkCartaAceptacion" target="_blank">
@@ -159,32 +159,30 @@
           Confirmar
         </b-button>
       </div>
-      <div class="demas">
-        <b-button class="is-info" @click="regresar()">
-          Regresar
-        </b-button>
-        <b-button class="is-danger" @click="enviarCancel = !enviarCancel">
-          Cancelar
-        </b-button>
-        <br /><br />
-        <b-field label="Razón para cancelar: " v-if="enviarCancel">
-          <b-input
-            maxlength="500"
-            type="textarea"
-            v-model="mensajeCancel"
-          ></b-input>
-        </b-field>
-        <b-button
-          v-if="mensajeCancel && enviarCancel"
-          class="is-danger"
-          @click="cancelarDialog()"
-        >
-          Cancelar servicio
-        </b-button>
-        <b-button v-else-if="enviarCancel" disabled>
-          Cancelar servicio
-        </b-button>
-      </div>
+      <b-button class="is-info" @click="regresar()">
+        Regresar
+      </b-button>
+      <b-button class="is-danger" @click="enviarCancel = !enviarCancel">
+        Cancelar
+      </b-button>
+      <br /><br />
+      <b-field label="Razón para cancelar: " v-if="enviarCancel">
+        <b-input
+          maxlength="500"
+          type="textarea"
+          v-model="mensajeCancel"
+        ></b-input>
+      </b-field>
+      <b-button
+        v-if="mensajeCancel && enviarCancel"
+        class="is-danger"
+        @click="cancelarDialog()"
+      >
+        Cancelar servicio
+      </b-button>
+      <b-button v-else-if="enviarCancel" disabled>
+        Cancelar servicio
+      </b-button>
       <b-loading
         :is-full-page="true"
         v-model="isLoading"
@@ -196,17 +194,17 @@
 
 <script>
 import axios from "axios";
-import tituloServicio from "./tituloServicio"
-import tituloStatus from "./tituloStatus"
-import datosPrograma from "./datosPrograma"
-import datosPersonales from "./datosPersonales"
+import tituloServicio from "./tituloServicio";
+import tituloStatus from "./tituloStatus";
+import datosPrograma from "./datosPrograma";
+import datosPersonales from "./datosPersonales";
 
 export default {
-  components:{ 
+  components: {
     tituloServicio,
     datosPrograma,
     datosPersonales,
-    tituloStatus
+    tituloStatus,
   },
   data() {
     return {
@@ -260,7 +258,7 @@ export default {
         .then((res) => {
           this.isLoading = false;
           this.alumno = res.data;
-          this.alumno.creditos = Number(res.data.creditos)
+          this.alumno.creditos = Number(res.data.creditos);
           if (this.alumno.cartaAceptacion) {
             this.linkCartaAceptacion = `https://drive.google.com/file/d/${this.alumno.cartaAceptacion}/view?usp=sharing`;
           }
@@ -467,7 +465,7 @@ export default {
   },
   async created() {
     await this.obtenerRegistro();
-  }
+  },
 };
 </script>
 
diff --git a/nuxt.config.js b/nuxt.config.js
index 6f019e8..306f476 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -47,8 +47,8 @@ export default {
   build: {},
   env: {
     // api: 'http://localhost:3000'
-    api: "https://venus.acatlan.unam.mx/ss-pruebas",
-    //api: "https://03a9bde77357.ngrok.io",
+    // api: "https://venus.acatlan.unam.mx/ss-pruebas",
+    api: "https://890af9d598a4.ngrok.io"
     // api: 'https//venus.acatlan.unam.mx/pruebas_pcpuma'
   }
 }