fix: background for close button (#504)

emilkowalski · Nov 2, 2024 · 0f320bf · 0f320bf
1 parent 3071305
commit 0f320bf
Showing 1 changed file with 4 additions and 1 deletion.
diff --git 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);
 }