From af83df6f5a96c8539b06ff311acdf2d6986527b8 Mon Sep 17 00:00:00 2001
From: Noah Talerman <47070608+noahtalerman@users.noreply.github.com>
Date: Tue, 12 May 2026 17:58:23 -0400
Subject: [PATCH] UI dropdowns: Selected option has purple highlight (#45254)

For the following bug:
- https://github.com/fleetdm/fleet/issues/45248
---
 frontend/components/forms/fields/Dropdown/_styles.scss          | 2 +-
 .../components/forms/fields/DropdownWrapper/DropdownWrapper.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/components/forms/fields/Dropdown/_styles.scss b/frontend/components/forms/fields/Dropdown/_styles.scss
index ca8aabc1ff..a3120cf5a8 100644
--- a/frontend/components/forms/fields/Dropdown/_styles.scss
+++ b/frontend/components/forms/fields/Dropdown/_styles.scss
@@ -240,7 +240,7 @@
     border-radius: $border-radius;
 
     &.is-selected {
-      background-color: $ui-vibrant-blue-10;
+      background-color: $ui-fleet-black-5;
       font-weight: bold;
     }
 
diff --git a/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx b/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx
index 9dec3c6c18..70f2067f19 100644
--- a/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx
+++ b/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx
@@ -131,7 +131,7 @@ const getOptionBackgroundColor = (
   state: OptionProps<CustomOptionType, false>
 ) => {
   if (state.isFocused) return COLORS["ui-fleet-black-5"];
-  if (state.isSelected) return COLORS["ui-vibrant-blue-10"];
+  if (state.isSelected) return COLORS["ui-fleet-black-10"];
   return "transparent";
 };