diff --git a/src/app/modules/admin/admin.component.html b/src/app/modules/admin/admin.component.html
index a0c5865..2a55adb 100644
--- a/src/app/modules/admin/admin.component.html
+++ b/src/app/modules/admin/admin.component.html
@@ -1,4 +1,4 @@
-<router-outlet click="restartTimer()"></router-outlet>
+<router-outlet></router-outlet>
 <div class="h-8">
   <app-footer></app-footer>
 </div>
diff --git a/src/app/modules/admin/admin.component.ts b/src/app/modules/admin/admin.component.ts
index f951391..19f02c7 100644
--- a/src/app/modules/admin/admin.component.ts
+++ b/src/app/modules/admin/admin.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, HostListener } from '@angular/core';
 import { Router } from '@angular/router';
 
 @Component({
@@ -6,15 +6,24 @@ import { Router } from '@angular/router';
   templateUrl: './admin.component.html',
   styleUrls: ['./admin.component.scss']
 })
+
 export class AdminComponent implements OnInit {
   timerReposo: any;
-
+  
   constructor(
     private router: Router,
-  ) { }
+    ) { }
+    
+    ngOnInit() {
+      this.startTimeOutInactividad();
+    }
 
-  ngOnInit() {
-    this.startTimeOutInactividad();
+    @HostListener('document:click', ['$event'])
+
+  documentClick(event: MouseEvent) {
+    if (event){
+      this.restartTimer();
+    }
   }
 
   restartTimer() {
@@ -23,9 +32,9 @@ export class AdminComponent implements OnInit {
   }
 
   startTimeOutInactividad() {
-    setTimeout(() => {
+    this.timerReposo = setTimeout(() => {
       this.router.navigate(['cancelar-compra']);
-    }, 5000);
+    }, 90000);
   }
 
 }
diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.html b/src/app/modules/cancelar-compra/cancelar-compra.component.html
index dcd26d0..2ff6236 100644
--- a/src/app/modules/cancelar-compra/cancelar-compra.component.html
+++ b/src/app/modules/cancelar-compra/cancelar-compra.component.html
@@ -1,51 +1,49 @@
-<div class="row justify-content-center mt-2">
-  <img class="w-15 h-15" src="../../../assets/img/logo-spot.svg">
+<div class="row justify-content-center mt-2 h-15">
+  <img class="w-20 my-auto" src="../../../assets/img/logo-spot.svg">
 </div>
-<div class="row mt-3 mx-0 justify-content-around h-75">
-  <div class="col-5 col-md-6 col-lg-3 h-40">
+<div class="row mt-5 mx-0 justify-content-around h-30">
+  <div class="col-5 col-md-6 col-lg-3 h-100">
     <div class="p-3 bg-white text-center shadow-lg rounded h-100">
-      <h5 class="pt-3 mt-3">NECESITA</h5>
-      <h3 class="font-weight-bold text-secondary">más tiempo</h3>
-      <h5>PARA SU PEDIDO?</h5>
+      <h4 class="pt-3 mt-5">NECESITA</h4>
+      <h2 class="font-weight-bold text-secondary mt-4">más tiempo</h2>
+      <h4 class="mt-4">PARA SU PEDIDO?</h4>
     </div>
   </div>
 </div>
 <!-- BUTTONS -->
-<div class="h-25">
-  <div class="row mt-5 h-auto justify-content-center mx-0">
-    <div class="col-auto px-0 h-auto align-self-start">
-      <div
-        class="btn-effect col-auto align-self-center px-0 bg-white"
-        (click)="volverPreviousPage()">
-        <div class="row mx-0 bg-primary badge-pill">
-          <div class="col-auto align-self-center text-white">continuar compra</div>
-          <div class="col-auto align-self-center p-0">
-            <img
-              draggable="false"
-              ondragstart="return false;"
-              (contextmenu)="false"
-              class="p-1 icon-30"
-              src="assets/img/ir.svg">
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="row mt-4 h-auto justify-content-center mx-0">
-    <div class="col-auto px-0 h-auto align-self-start">
-      <div
-        class="btn-effect col-auto align-self-center px-0 bg-white"
-        (click)="limpiarCarritoYvolver()">
-        <div class="row mx-0 cancelar-compra badge-pill">
-          <div class="col-auto align-self-center">cancelar compra</div>
-          <div class="col-auto align-self-center p-0">
-            <img
+<div class="row mt-5 h-auto justify-content-center mx-0">
+  <div class="col-auto px-0 h-auto align-self-start">
+    <div
+      class="btn-effect col-auto align-self-center px-0 bg-white"
+      (click)="volverPreviousPage()">
+      <div class="row mx-0 bg-primary badge-pill">
+        <div class="col-auto align-self-center text-white">continuar compra</div>
+        <div class="col-auto align-self-center p-0">
+          <img
             draggable="false"
             ondragstart="return false;"
             (contextmenu)="false"
             class="p-1 icon-30"
-            src="assets/img/icono-cancelar-color.svg">
-          </div>
+            src="assets/img/ir.svg">
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="row mt-4 h-auto justify-content-center mx-0">
+  <div class="col-auto px-0 h-auto align-self-start">
+    <div
+      class="btn-effect col-auto align-self-center px-0 bg-white"
+      (click)="limpiarCarritoYvolver()">
+      <div class="row mx-0 cancelar-compra badge-pill">
+        <div class="col-auto align-self-center">cancelar compra</div>
+        <div class="col-auto align-self-center p-0">
+          <img
+          draggable="false"
+          ondragstart="return false;"
+          (contextmenu)="false"
+          class="p-1 icon-30"
+          src="assets/img/icono-cancelar-color.svg">
         </div>
       </div>
     </div>