diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.html b/src/app/modules/cancelar-compra/cancelar-compra.component.html
index 2ff6236..b8ee56c 100644
--- a/src/app/modules/cancelar-compra/cancelar-compra.component.html
+++ b/src/app/modules/cancelar-compra/cancelar-compra.component.html
@@ -35,7 +35,7 @@
     <div
       class="btn-effect col-auto align-self-center px-0 bg-white"
       (click)="limpiarCarritoYvolver()">
-      <div class="row mx-0 cancelar-compra badge-pill">
+      <div class="row mx-0 background-grey badge-pill">
         <div class="col-auto align-self-center">cancelar compra</div>
         <div class="col-auto align-self-center p-0">
           <img
diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.scss b/src/app/modules/cancelar-compra/cancelar-compra.component.scss
index d5c6941..8032404 100644
--- a/src/app/modules/cancelar-compra/cancelar-compra.component.scss
+++ b/src/app/modules/cancelar-compra/cancelar-compra.component.scss
@@ -1,3 +1,3 @@
-.cancelar-compra {
+.background-grey {
   background-color: rgb(212, 212, 212);
 }