From c21b56ba310331447c821dbf583c80c680dd0c68 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 5 Jul 2023 11:50:21 +1000
Subject: [PATCH] fix(ui): fix mantine disabled styles

---
 .../web/src/common/components/IAIMantineMultiSelect.tsx         | 2 +-
 .../frontend/web/src/common/components/IAIMantineSelect.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx b/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx
index 39ec6fd245..97e33f300b 100644
--- a/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx
+++ b/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx
@@ -61,7 +61,7 @@ const IAIMantineMultiSelect = (props: IAIMultiSelectProps) => {
             '&:focus-within': {
               borderColor: mode(accent200, accent600)(colorMode),
             },
-            '&:disabled': {
+            '&[data-disabled]': {
               backgroundColor: mode(base300, base700)(colorMode),
               color: mode(base600, base400)(colorMode),
             },
diff --git a/invokeai/frontend/web/src/common/components/IAIMantineSelect.tsx b/invokeai/frontend/web/src/common/components/IAIMantineSelect.tsx
index 9b023fd2d7..585dc106a8 100644
--- a/invokeai/frontend/web/src/common/components/IAIMantineSelect.tsx
+++ b/invokeai/frontend/web/src/common/components/IAIMantineSelect.tsx
@@ -64,7 +64,7 @@ const IAIMantineSelect = (props: IAISelectProps) => {
             '&:focus-within': {
               borderColor: mode(accent200, accent600)(colorMode),
             },
-            '&:disabled': {
+            '&[data-disabled]': {
               backgroundColor: mode(base300, base700)(colorMode),
               color: mode(base600, base400)(colorMode),
             },