From 46f515a19f07516d864be5705eef24c3c1e9bd41 Mon Sep 17 00:00:00 2001
From: Vlad <16666234+VladSez@users.noreply.github.com>
Date: Fri, 18 Mar 2022 19:31:30 +0100
Subject: [PATCH] fixed Select component  ':active' option color (#2207)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 apps/web/components/ui/form/Select.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/apps/web/components/ui/form/Select.tsx b/apps/web/components/ui/form/Select.tsx
index 1e9907bb80..e294593725 100644
--- a/apps/web/components/ui/form/Select.tsx
+++ b/apps/web/components/ui/form/Select.tsx
@@ -20,6 +20,15 @@ function Select<
           primary25: "rgba(244, 245, 246, var(--tw-bg-opacity))",
         },
       })}
+      styles={{
+        option: (base, state) => ({
+          ...base,
+          ":active": {
+            backgroundColor: state.isSelected ? "" : "rgba(17, 17, 17, var(--tw-bg-opacity))",
+            color: "#ffffff",
+          },
+        }),
+      }}
       components={{
         ...components,
         IndicatorSeparator: () => null,