From 43663de9285edf9d65acabb27a31192a5b21b425 Mon Sep 17 00:00:00 2001
From: songwongtp <16089160+songwongtp@users.noreply.github.com>
Date: Tue, 22 Aug 2023 17:33:43 +0700
Subject: [PATCH] fix: chevron color

---
 .../components/json-schema/form/widgets/SelectWidget.tsx    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/json-schema/form/widgets/SelectWidget.tsx b/src/lib/components/json-schema/form/widgets/SelectWidget.tsx
index 9972957b1..d9578ffda 100644
--- a/src/lib/components/json-schema/form/widgets/SelectWidget.tsx
+++ b/src/lib/components/json-schema/form/widgets/SelectWidget.tsx
@@ -148,7 +148,11 @@ const SelectWidget = <T, F>(props: WidgetProps<T, F>) => {
         chakraStyles={{
           control: (provided) => ({
             ...provided,
-            _disabled: { color: "text.main" },
+            _disabled: undefined,
+          }),
+          dropdownIndicator: (provided, state) => ({
+            ...provided,
+            color: state.isDisabled ? "gray.700" : undefined,
           }),
           option: (provided, state) => ({
             ...provided,