From c4234be8a1e2d399348d5a3b4beb0ce7c474da96 Mon Sep 17 00:00:00 2001
From: Kyle Espinola <kyle.s.espinola@gmail.com>
Date: Tue, 25 Apr 2023 18:22:37 -0600
Subject: [PATCH] fix: theme on modal close icon

---
 packages/@holaplexui-playground/styles/globals.css  | 4 ++++
 packages/@holaplexui-react/package.json             | 2 +-
 packages/@holaplexui-react/src/components/Modal.tsx | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/@holaplexui-playground/styles/globals.css b/packages/@holaplexui-playground/styles/globals.css
index 91bf134..88101de 100644
--- a/packages/@holaplexui-playground/styles/globals.css
+++ b/packages/@holaplexui-playground/styles/globals.css
@@ -133,6 +133,10 @@ a {
   @apply top-1 right-1 rounded-full bg-gray-50 p-2 hover:bg-gray-100 hover:text-gray-400;
 }
 
+.modal-close-icon {
+  @apply text-black;
+}
+
 .modal-title {
   @apply text-lg font-medium leading-6;
 }
diff --git a/packages/@holaplexui-react/package.json b/packages/@holaplexui-react/package.json
index 57d0930..90a0acf 100644
--- a/packages/@holaplexui-react/package.json
+++ b/packages/@holaplexui-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@holaplex/ui-library-react",
   "author": "Holaplex Inc.",
-  "version": "0.17.1",
+  "version": "0.17.2",
   "description": "Holaplex react ui library components",
   "private": false,
   "files": [
diff --git a/packages/@holaplexui-react/src/components/Modal.tsx b/packages/@holaplexui-react/src/components/Modal.tsx
index d73d0ba..1907d3a 100644
--- a/packages/@holaplexui-react/src/components/Modal.tsx
+++ b/packages/@holaplexui-react/src/components/Modal.tsx
@@ -70,7 +70,7 @@ export function Modal(props: ModalProps) {
                   onClick={() => props.setOpen(false)}
                   className={clsx('absolute z-50', 'modal-close')}
                 >
-                  <XMarkIcon className="h-4 w-4 text-black" />
+                  <XMarkIcon className="h-4 w-4 modal-close-icon" />
                 </button>
                 {props.title && (
                   <Dialog.Title as="h3" className="modal-title">