diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.html b/src/app/modules/cancelar-compra/cancelar-compra.component.html
index 6ce2100..01f94b5 100644
--- a/src/app/modules/cancelar-compra/cancelar-compra.component.html
+++ b/src/app/modules/cancelar-compra/cancelar-compra.component.html
@@ -1,49 +1,49 @@
 <div class="row justify-content-center mt-2 h-15">
-  <img class="w-20 my-auto" src="../../../assets/img/logo-spot.svg">
+  <img class="h-100 w-auto my-auto" src="../../../assets/img/logo-spot.svg">
 </div>
-<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">
-      <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 class="row mx-auto h-70">
+  <div class="col-12 align-self-center">
+    <div class="row mt-5 mx-0 justify-content-around">
+      <div class="col-5 col-md-6 col-lg-3">
+        <div class="p-3 bg-white text-center shadow-lg rounded">
+          <p class="mt-4 h4">NECESITA</p>
+          <p class="font-weight-bold text-secondary my-4 h2">más tiempo</p>
+          <p class="mb-4 h4">PARA SU PEDIDO?</p>
+        </div>
+      </div>
     </div>
-  </div>
-</div>
-<!-- BUTTONS -->
-<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
+    <!-- BUTTONS -->
+    <div class="row mx-0 mt-5 justify-content-center">
+      <div class="col-auto px-0 align-self-start">
+        <div
+          class="row mx-0 py-1 btn-effect bg-primary badge-pill"
+          (click)="volverPreviousPage()">
+          <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 class="row mx-0 mt-4 justify-content-center">
+      <div class="col-auto px-0 align-self-start">
+        <div
+          class="row mx-0 py-1 btn-effect bg-grey badge-pill"
+          (click)="limpiarCarritoYvolver()">
+          <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/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 bg-grey 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">
+            src="assets/img/icono-cancelar-color.svg">
+          </div>
         </div>
       </div>
     </div>