From 7ceaa0ec59b4c5eb656b8b764b138350da28dc58 Mon Sep 17 00:00:00 2001
From: Sebastian-ubs <slingk@biblesocieties.org>
Date: Fri, 6 Dec 2024 13:46:30 +0100
Subject: [PATCH] fix MultiSelectComboBox placeholder color

---
 .../src/components/advanced/multi-select-combo-box.tsx    | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/lib/platform-bible-react/src/components/advanced/multi-select-combo-box.tsx b/lib/platform-bible-react/src/components/advanced/multi-select-combo-box.tsx
index 553277e933..b1000dab52 100644
--- a/lib/platform-bible-react/src/components/advanced/multi-select-combo-box.tsx
+++ b/lib/platform-bible-react/src/components/advanced/multi-select-combo-box.tsx
@@ -88,6 +88,7 @@ function MultiSelectComboBox({
           className={cn(
             'tw-w-full tw-justify-between',
             selected.length > 0 && selected.length < entries.length && 'tw-border-primary',
+            'tw-group',
           )}
         >
           <div className="tw-flex tw-items-center tw-gap-2">
@@ -97,9 +98,10 @@ function MultiSelectComboBox({
               </span>
             </div>
             <div
-              className={cn(
-                (selected.length === 0 || selected.length === entries.length) && 'tw-text-muted',
-              )}
+              className={cn({
+                'tw-text-muted-foreground group-hover:tw-text-secondary-foreground':
+                  selected.length === 0 || selected.length === entries.length,
+              })}
             >
               {getPlaceholderText()}
             </div>