From a960fa009d63083de5d10558d4f12eb4a29e97e0 Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Sun, 18 Jun 2023 22:04:12 +1200
Subject: [PATCH] fix: Fix some styling issues with IAIMantineMultiSelect

---
 .../src/common/components/IAIMantineMultiSelect.tsx   | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx b/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx
index 5bf37c1aa9..646c0288fe 100644
--- a/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx
+++ b/invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx
@@ -29,10 +29,16 @@ const IAIMantineMultiSelect = (props: IAIMultiSelectProps) => {
             '&:focus': {
               borderColor: 'var(--invokeai-colors-accent-600)',
             },
+            '&:focus-within': {
+              borderColor: 'var(--invokeai-colors-accent-600)',
+            },
           },
           value: {
             backgroundColor: 'var(--invokeai-colors-base-800)',
             color: 'var(--invokeai-colors-base-100)',
+            button: {
+              color: 'var(--invokeai-colors-base-100)',
+            },
             '&:hover': {
               backgroundColor: 'var(--invokeai-colors-base-700)',
               cursor: 'pointer',
@@ -68,7 +74,10 @@ const IAIMantineMultiSelect = (props: IAIMultiSelectProps) => {
           },
           rightSection: {
             width: 24,
-            paddingRight: 20,
+            padding: 20,
+            button: {
+              color: 'var(--invokeai-colors-base-100)',
+            },
           },
         })}
         {...rest}