diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.html b/src/app/modules/cancelar-compra/cancelar-compra.component.html
index 01f94b5..f9f7c9a 100644
--- a/src/app/modules/cancelar-compra/cancelar-compra.component.html
+++ b/src/app/modules/cancelar-compra/cancelar-compra.component.html
@@ -4,7 +4,7 @@
 <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="col-12 col-sm-8 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>