diff --git a/components/admin/servicio/modificar/form.vue b/components/admin/servicio/modificar/form.vue
index f7bd87e..2ba8897 100644
--- a/components/admin/servicio/modificar/form.vue
+++ b/components/admin/servicio/modificar/form.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <b-button class="is-info" @click="regresar()">Regresar</b-button>
+    <BotonRegresar :path="'/admin/servicio'" />
     <br /><br />
     <p class="is-size-2">Editar información del alumno</p>
     <br />
@@ -135,11 +135,13 @@
         </b-upload>
       </b-field>
       <br />
-      <b-button class="is-info" @click="regresar()">Regresar</b-button>
       <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>
+      <div>
+        <BotonRegresar :path="'/admin/servicio'" />
+      </div>
       <b-loading
         :is-full-page="true"
         v-model="isLoading"
@@ -153,8 +155,12 @@
 import axios from "axios";
 import moment from "moment";
 import validator from "validator";
+import botonRegresar from "../../../botonRegresar";
 
 export default {
+  components: {
+    botonRegresar,
+  },
   data() {
     return {
       idServicio: localStorage.getItem("idServicio"),
@@ -250,9 +256,6 @@ export default {
           break;
       }
     },
-    regresar() {
-      this.$router.push("/admin/servicio");
-    },
     actualizar() {
       this.isLoading = true;
       const data = {};
diff --git a/components/admin/servicio/vistaServicio.vue b/components/admin/servicio/vistaServicio.vue
index 07a1b69..346a382 100644
--- a/components/admin/servicio/vistaServicio.vue
+++ b/components/admin/servicio/vistaServicio.vue
@@ -1,9 +1,10 @@
 <template>
   <div class="container">
     <div class="mb-5">
-      <b-button class="boton is-info" @click="regresar()">
-        Regresar
-      </b-button>
+      <BotonRegresar 
+        :path="'/admin'" 
+        :deleteFromLocalStorage="['idServicio']"
+      />
     </div>
     <TituloServicio :status="alumno.Status.idStatus" />
     <DatosPrograma :programa="alumno.Programa" />
@@ -18,7 +19,7 @@
       <br /><br />
       <TituloStatus :status="alumno.Status.idStatus" />
       <div v-if="alumno.cartaAceptacion">
-        <Documento  
+        <Documento
           :title="'Ver carta de aceptación'"
           :link="linkCartaAceptacion"
           :doc="alumno.cartaAceptacion"
@@ -26,8 +27,8 @@
           :status="alumno.Status.idStatus"
         />
       </div>
-      <div v-if="alumno.cartaTermino" style="margin-top: 10px">     
-        <Documento  
+      <div v-if="alumno.cartaTermino" style="margin-top: 10px">
+        <Documento
           :title="'Ver carta de término'"
           :link="linkCartaTermino"
           :doc="alumno.cartaTermino"
@@ -36,7 +37,7 @@
         />
       </div>
       <div v-if="alumno.informeGlobal" style="margin-top: 10px">
-        <Documento  
+        <Documento
           :title="'Ver informe global de actividades'"
           :link="linkInformeGlobal"
           :doc="alumno.InformeGlobal"
@@ -80,9 +81,6 @@
           Confirmar
         </b-button>
       </div>
-      <b-button class="is-info" @click="regresar()">
-        Regresar
-      </b-button>
       <b-button class="is-danger" @click="enviarCancel = !enviarCancel">
         Cancelar
       </b-button>
@@ -104,6 +102,12 @@
       <b-button v-else-if="enviarCancel" disabled>
         Cancelar servicio
       </b-button>
+      <div>
+        <BotonRegresar 
+        :path="'/admin'" 
+        :deleteFromLocalStorage="['idServicio']"
+      />
+      </div>
       <b-loading
         :is-full-page="true"
         v-model="isLoading"
@@ -119,7 +123,8 @@ import tituloServicio from "./tituloServicio";
 import tituloStatus from "./tituloStatus";
 import datosPrograma from "./datosPrograma";
 import datosPersonales from "./datosPersonales";
-import documento from './documento'
+import documento from "./documento";
+import botonRegresar from "../../botonRegresar";
 
 export default {
   components: {
@@ -127,7 +132,8 @@ export default {
     datosPrograma,
     datosPersonales,
     tituloStatus,
-    documento
+    documento,
+    botonRegresar,
   },
   data() {
     return {
@@ -294,11 +300,7 @@ export default {
         ariaRole: "alertdialog",
         ariaModal: true,
       });
-    },
-    regresar() {
-      this.$router.push("/admin");
-      localStorage.removeItem("idServicio");
-    },
+    }
   },
   async created() {
     await this.obtenerRegistro();
diff --git a/components/botonRegresar.vue b/components/botonRegresar.vue
new file mode 100644
index 0000000..f8b7705
--- /dev/null
+++ b/components/botonRegresar.vue
@@ -0,0 +1,29 @@
+<template>
+  <b-button
+    class="boton border-info my-5"
+    type="is-info is-light "
+    icon-left="arrow-left-box"
+    @click="regresar()"
+  >
+    Regresar
+  </b-button>
+</template>
+
+<script>
+export default {
+  props: {
+    path: String,
+    deleteFromLocalStorage: Array,
+  },
+  methods: {
+    regresar() {
+      if (this.deleteFromLocalStorage) {
+        for (let i = 0; i < this.deleteFromLocalStorage.length; i++) {
+          localStorage.removeItem(this.deleteFromLocalStorage[i]);
+        }
+      }
+      this.$router.push(this.path);
+    },
+  },
+};
+</script>
diff --git a/pages/admin/programa/index.vue b/pages/admin/programa/index.vue
index 8a57ceb..7f3dfbd 100644
--- a/pages/admin/programa/index.vue
+++ b/pages/admin/programa/index.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="container">
     <p class="is-size-2 mb-5">Programas de Servicio Social</p>
-    <b-button class="is-info" @click="regresar()">Regresar</b-button>
+    <BotonRegresar 
+      :path="'/admin'"
+    />
     <CargaMasiva />
     <a :href="link">
       <b-button class="my-4 is-info">Descargar plantilla</b-button>
@@ -13,21 +15,17 @@
 <script>
 import tablaResponsables from "../../../components/admin/servicio/programa/tablaResponsables";
 import cargaMasiva from "../../../components/admin/servicio/programa/cargaMasiva";
+import botonRegresar from "../../../components/botonRegresar";
 export default {
   components: {
     tablaResponsables,
-    cargaMasiva
+    cargaMasiva,
+    botonRegresar
   },
   data(){
     return {
       link: `${process.env.api}/plantilla.csv`
     }
-  },
-  methods: {
-    regresar() {
-      localStorage.removeItem("idRegistro");
-      this.$router.push("/admin");
-    },
-  },
+  }
 };
 </script>
diff --git a/pages/admin/programa/infoResponsable/index.vue b/pages/admin/programa/infoResponsable/index.vue
index 2558736..45a3f6e 100644
--- a/pages/admin/programa/infoResponsable/index.vue
+++ b/pages/admin/programa/infoResponsable/index.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="container">
-    <b-button class="boton is-info my-5" @click="regresar()">
-      Regresar
-    </b-button>
+    <BotonRegresar 
+      :path="'/admin/programa'"
+      :deleteFromLocalStorage="['correo','idResponsable','nombre']"
+    />
     <p class="is-size-2 mb-4"> Información del responsable</p>
     <p class="is-size-4 mb-4"> <strong>Nombre: </strong> {{ nombre }}</p>
     <p class="is-size-4 mb-4"> <strong>Correo: </strong> {{ correo }}</p>
@@ -24,20 +25,27 @@
     <div class="">
       <b-button
         class="boton is-info my-5"
-        @click="$router.push('admin/programa/infoResponsable/modificar')"
+        tag="router-link"
+        to="/admin/programa/infoResponsable/modificar"
       >
         Editar información
       </b-button>
     </div>
-    <b-button class="boton is-info my-5" @click="regresar()">
-      Regresar
-    </b-button>
+    <BotonRegresar 
+      :path="'/admin/programa'"
+      :deleteFromLocalStorage="['correo','idResponsable','nombre']"
+    />
   </div>
 </template>
 
 <script>
 import axios from "axios";
+import botonRegresar from "../../../../components/botonRegresar";
+
 export default {
+  components: {
+    botonRegresar
+  },
   data() {
     return {
       idResponsable: localStorage.getItem("idResponsable"),
@@ -72,13 +80,7 @@ export default {
         ariaRole: "alertdialog",
         ariaModal: true,
       });
-    },
-    regresar() {
-      this.$router.push("/admin/programa");
-      localStorage.removeItem("idResponsable");
-      localStorage.removeItem("nombre");
-      localStorage.removeItem("correo");
-    },
+    }
   },
   created () {
     this.obtenerProgramas()
diff --git a/pages/admin/programa/infoResponsable/modificar/index.vue b/pages/admin/programa/infoResponsable/modificar/index.vue
index b994876..ccbe3e2 100644
--- a/pages/admin/programa/infoResponsable/modificar/index.vue
+++ b/pages/admin/programa/infoResponsable/modificar/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="container">
-    <b-button class="boton is-info my-5" @click="$router.push('/admin/programa/infoResponsable')">
-      Regresar
-    </b-button>
+    <BotonRegresar 
+      :path="'/admin/programa/infoResponsable'"
+    />
     <p class="is-size-2">Editar información del responsable</p>
     <b-field label="Nombre">
       <b-input type="text" v-model="nuevo.nombre" :placeholder="viejo.nombre">
@@ -12,9 +12,9 @@
       <b-input type="email" v-model="nuevo.correo" :placeholder="viejo.correo">
       </b-input>
     </b-field>
-    <b-button class="boton is-info my-5" @click="$router.push('/admin/programa/infoResponsable')">
-      Regresar
-    </b-button>
+    <BotonRegresar 
+      :path="'/admin/programa/infoResponsable'"
+    />
     <b-button class="boton is-info my-5" v-if="mostrar()" @click="editarResponsable()">
       Editar responsable
     </b-button>
@@ -31,9 +31,13 @@
 
 <script>
 import validator from 'validator'
+import botonRegresar from '../../../../../components/botonRegresar'
 //import axios from 'axios'
 
 export default {
+  components: {
+    botonRegresar
+  },
   data () {
     return {
       viejo: {
@@ -46,6 +50,7 @@ export default {
         correo: ""
       },
       idServicio: localStorage.getItem('idServicio'),
+      token: localStorage.getItem('token'),
       isLoading: false
     }
   },