diff --git a/src/app/components/cancelar-compra/cancelar-compra.component.html b/src/app/components/cancelar-compra/cancelar-compra.component.html
index e932da9..aed0cdd 100644
--- a/src/app/components/cancelar-compra/cancelar-compra.component.html
+++ b/src/app/components/cancelar-compra/cancelar-compra.component.html
@@ -1,7 +1,7 @@
-<div class="container-fluid background-image">
-  <div class="row">
+<div class="container-fluid p-0 background-image">
+  <div class="row m-0">
     <div class="col p-0">
-      <div class="vh-100 d-flex align-content-strech flex-wrap disable-user-select">
+      <div class="vh-100 fade-in d-flex align-content-strech flex-wrap disable-user-select">
 
         <!-- HEADER -->
         <div class="row m-0 w-100 bg-primary-gradient-horizontal">
@@ -45,7 +45,10 @@
                 <span class="pr-2">Volver a mi compra</span>
                 <i class="fa fa-undo text-warning"></i>
               </button>
-              <button type="button" class="btn btn-lg btn-light shadow ml-4">
+              <button
+                type="button"
+                class="btn btn-lg btn-light shadow ml-4"
+                (click)="limpiarCarritoYvolver()">
                 <span class="pr-2">Si, terminar</span>
                 <i class="fa fa-times text-danger"></i>
               </button>
diff --git a/src/app/components/cancelar-compra/cancelar-compra.component.ts b/src/app/components/cancelar-compra/cancelar-compra.component.ts
index 9c922a1..2d9ba68 100644
--- a/src/app/components/cancelar-compra/cancelar-compra.component.ts
+++ b/src/app/components/cancelar-compra/cancelar-compra.component.ts
@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { appSettings } from 'src/etc/AppSettings';
 import { Location } from '@angular/common';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-cancelar-compra',
@@ -11,13 +12,22 @@ export class CancelarCompraComponent implements OnInit {
 
   private apiUrl: string = appSettings.apiUrl;
 
-  constructor(private location: Location) { }
+  constructor(
+    private location: Location,
+    private router: Router
+    ) { }
 
   ngOnInit() {
   }
 
   volverPreviousPage() {
+
     this.location.back();
   }
 
+  limpiarCarritoYvolver(){
+
+    this.router.navigate(['/home']);
+  }
+
 }