From 2e06a1ad8adc5d97dc1d8b264ad06bd3f3cdcd36 Mon Sep 17 00:00:00 2001
From: Claas Augner <495429+caugner@users.noreply.github.com>
Date: Fri, 1 Mar 2024 12:38:44 +0100
Subject: [PATCH] fix(modal): make close button visible (#10604)

---
 client/src/ui/atoms/modal/index.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/ui/atoms/modal/index.scss b/client/src/ui/atoms/modal/index.scss
index 4bfcd492a946..7bdf832b2493 100644
--- 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;