diff --git a/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx b/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx
index 307a3e4594..e6d2a4dba4 100644
--- a/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx
+++ b/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx
@@ -269,6 +269,9 @@ const DropdownWrapper = ({
           ".dropdown-wrapper__indicator path": {
             stroke: COLORS["core-vibrant-blue-over"],
           },
+          ".filter-icon path": {
+            fill: COLORS["core-vibrant-blue-over"],
+          },
         },
         // When tabbing
         // Relies on --is-focused for styling as &:focus-visible cannot be applied
@@ -280,9 +283,6 @@ const DropdownWrapper = ({
             stroke: COLORS["core-vibrant-blue-over"],
           },
         },
-        ".filter-icon path": {
-          fill: COLORS["core-vibrant-blue-over"],
-        },
         ...(state.isDisabled && {
           ".dropdown-wrapper__single-value": {
             color: COLORS["ui-fleet-black-50"],