From 95b3fff917905bc99e36c79df0a4113c58daf603 Mon Sep 17 00:00:00 2001
From: Richard Wei <54336863+WaysonWei@users.noreply.github.com>
Date: Fri, 29 Apr 2022 15:06:43 +1200
Subject: [PATCH] fix(filter): EE-2972 - fix filter selector css EE-2972
 (#6858)

* fix selector css style

* fix selector css
---
 .../form-components/ReactSelect.module.css        | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/app/portainer/components/form-components/ReactSelect.module.css b/app/portainer/components/form-components/ReactSelect.module.css
index 6218a3da6..6df05e0f6 100644
--- a/app/portainer/components/form-components/ReactSelect.module.css
+++ b/app/portainer/components/form-components/ReactSelect.module.css
@@ -45,4 +45,19 @@
 :global :root[theme='dark'] :local .root :global .selector__option:active,
 :global :root[theme='dark'] :local .root :global .selector__option--is-focused {
   background-color: var(--blue-2);
+  color: var(--white-color);
+}
+
+.root :global .selector__option--is-selected {
+  color: var(--grey-7);
+}
+
+:global :root[theme='highcontrast'] :local .root :global .selector__single-value,
+:global :root[theme='dark'] :local .root :global .selector__single-value {
+  color: var(--white-color);
+}
+
+:global :root[theme='highcontrast'] :local .root :global .selector__input-container,
+:global :root[theme='dark'] :local .root :global .selector__input-container {
+  color: var(--white-color);
 }