diff --git a/src/app/components/cancelar-compra/cancelar-compra.component.html b/src/app/components/cancelar-compra/cancelar-compra.component.html
index bfa19c8..e932da9 100644
--- a/src/app/components/cancelar-compra/cancelar-compra.component.html
+++ b/src/app/components/cancelar-compra/cancelar-compra.component.html
@@ -14,8 +14,8 @@
           </div>
         </div>
 
-        <!-- INFO DE BIENVENIDA -->
-        <div class="row w-100">
+        <!-- INFO -->
+        <div class="row m-0 w-100">
           <div class="col-4 offset-2">
             <div class="row h-100">
               <div class="col-12 py-4">
@@ -38,7 +38,10 @@
               Perderá los datos y<br>productos ya ingresados
             </p>
             <div class="d-flex justify-content-center mt-2">
-              <button type="button" class="btn btn-lg btn-light shadow mr-4">
+              <button
+                type="button"
+                class="btn btn-lg btn-light shadow mr-4"
+                (click)="volverPreviousPage()">
                 <span class="pr-2">Volver a mi compra</span>
                 <i class="fa fa-undo text-warning"></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 165632f..9c922a1 100644
--- a/src/app/components/cancelar-compra/cancelar-compra.component.ts
+++ b/src/app/components/cancelar-compra/cancelar-compra.component.ts
@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { appSettings } from 'src/etc/AppSettings';
+import { Location } from '@angular/common';
 
 @Component({
   selector: 'app-cancelar-compra',
@@ -10,9 +11,13 @@ export class CancelarCompraComponent implements OnInit {
 
   private apiUrl: string = appSettings.apiUrl;
 
-  constructor() { }
+  constructor(private location: Location) { }
 
   ngOnInit() {
   }
 
+  volverPreviousPage() {
+    this.location.back();
+  }
+
 }