diff --git a/src/app/shared/promocion/promocion.component.html b/src/app/shared/promocion/promocion.component.html
index 5d238e7..6891c69 100644
--- a/src/app/shared/promocion/promocion.component.html
+++ b/src/app/shared/promocion/promocion.component.html
@@ -10,7 +10,7 @@
     ondragstart="return false;"
     (contextmenu)="false"
     (click)="selectPromo(articulosPromo[0])"
-    class="btn-effect mt-n3 icon-30 mr-2 position-absolute right-0"
+    class="btn-effect mt-n3 icon-30 mr-2 position-absolute right-0 z-index"
     src="assets/img/icono-cancelar-blanco.svg">
   <div class="row mx-0 w-100 justify-content-between mt-3">
     <div class="col-8">
diff --git a/src/app/shared/sinonimo/sinonimo.component.html b/src/app/shared/sinonimo/sinonimo.component.html
index 693234c..15aef28 100644
--- a/src/app/shared/sinonimo/sinonimo.component.html
+++ b/src/app/shared/sinonimo/sinonimo.component.html
@@ -5,7 +5,7 @@
       ondragstart="return false;"
       (contextmenu)="false"
       (click)="modalRef.hide()"
-      class="btn-effect icon-30 mt-2 mr-2 position-absolute right-0 top-0"
+      class="btn-effect icon-30 mt-2 mr-2 position-absolute right-0 top-0 z-index"
       src="assets/img/icono-cancelar-blanco.svg">
     <p class="col-7 h4 px-0 align-self-center">{{articulo.DetArt}}</p>
     <div class="col-5 pt-4 pr-0 text-right">
diff --git a/src/styles.scss b/src/styles.scss
index 148afd4..8755eb6 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -98,3 +98,7 @@ p {
 .modal-content {
   background: transparent !important;
 }
+
+.z-index {
+  z-index: 1000;
+}