From 0f320bf3222239415a16d27b54763ef5f731eb2c Mon Sep 17 00:00:00 2001
From: Emil Kowalski <36730035+emilkowalski@users.noreply.github.com>
Date: Sat, 2 Nov 2024 18:08:15 +0100
Subject: [PATCH] fix: background for close button (#504)

---
 src/styles.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/styles.css b/src/styles.css
index 8153623..7cebed4 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -213,7 +213,6 @@
   justify-content: center;
   align-items: center;
   padding: 0;
-  background: var(--gray1);
   color: var(--gray12);
   border: 1px solid var(--gray4);
   transform: var(--toast-close-button-transform);
@@ -223,6 +222,10 @@
   transition: opacity 100ms, background 200ms, border-color 200ms;
 }
 
+[data-sonner-toast] [data-close-button] {
+  background: var(--gray1);
+}
+
 :where([data-sonner-toast]) :where([data-close-button]):focus-visible {
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2);
 }