diff --git a/src/app/components/cancelar-compra/cancelar-compra.component.html b/src/app/components/cancelar-compra/cancelar-compra.component.html
index aed0cdd..8edea0d 100644
--- a/src/app/components/cancelar-compra/cancelar-compra.component.html
+++ b/src/app/components/cancelar-compra/cancelar-compra.component.html
@@ -20,8 +20,8 @@
             <div class="row h-100">
               <div class="col-12 py-4">
                 <div class="card h-100 rounded">
-                  <img src="{{apiUrl}}/imagenes/atencion.svg" class="w-50 mx-auto my-auto">
-                  <div class="my-auto">
+                  <img src="{{apiUrl}}/imagenes/atencion.svg" class="w-50 mx-auto mt-auto mb-4">
+                  <div class="mb-auto mt-4">
                     <p class="display-3 card-text text-center font-weight-bold">
                       Atención
                     </p>