diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.html b/src/app/modules/cancelar-compra/cancelar-compra.component.html
index b8ee56c..6ce2100 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 background-grey badge-pill">
+      <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
diff --git a/src/app/modules/cancelar-compra/cancelar-compra.component.scss b/src/app/modules/cancelar-compra/cancelar-compra.component.scss
index 8032404..9b87f0f 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 @@
-.background-grey {
+.bg-grey {
   background-color: rgb(212, 212, 212);
 }