Update selected value color in "configure consent" vendor select drop…

…down (#4454)
ethyca · Nov 22, 2023 · d1ff5f6 · d1ff5f6
1 parent 1459323
commit d1ff5f6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -30,6 +30,7 @@ The types of changes are:
 - Consent modal hides the opt-in/opt-out buttons if only one privacy notice is enabled [#4441](https://github.com/ethyca/fides/pull/4441)
 
 ### Fixed
+- Fixed a bug where selected vendors in "configure consent" add vendor modal were unstyled [#4454](https://github.com/ethyca/fides/pull/4454)
 - Use correct defaults when there is no associated preference in the cookie [#4451](https://github.com/ethyca/fides/pull/4451)
 - IP Addresses behind load balancers for consent reporting [#4440](https://github.com/ethyca/fides/pull/4440)
 

diff --git a/clients/admin-ui/src/features/common/form/inputs.tsx b/clients/admin-ui/src/features/common/form/inputs.tsx
@@ -485,6 +485,12 @@ const CreatableSelectInput = ({
               px: 2,
             })
           : (provided) => ({ ...provided, color: textColor }),
+        option: (provided, { isSelected }) => ({
+          ...provided,
+          ...(isSelected && {
+            background: "gray.200",
+          }),
+        }),
       }}
       components={components}
       isSearchable={isSearchable}