fix(modal): make close button visible (#10604)

mdn · Mar 1, 2024 · 2e06a1a · 2e06a1a
1 parent fcd236a
commit 2e06a1a
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/client/src/ui/atoms/modal/index.scss b/client/src/ui/atoms/modal/index.scss
@@ -40,6 +40,12 @@ body.ReactModal__Body--open {
   padding-bottom: 1.5rem;
 
   .button.has-icon {
+    --button-color: var(--icon-secondary);
+
+    &:hover {
+      --button-color: var(--icon-primary);
+    }
+
     .button-wrap {
       height: auto;
       margin: -0.5rem;
@@ -49,7 +55,6 @@ body.ReactModal__Body--open {
   }
 
   .icon {
-    background-color: #000;
     height: 1.25rem;
     margin: 0;
     width: 1.25rem;