From 7f28be23f815d6bd4d6b93b3bc0a372eac4fe65c Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Wed, 3 Jun 2026 13:54:57 +0100
Subject: [PATCH] fix(forms): fix select option visibility in FormBlock on
 Windows Chrome

---
 src/components/forms/FormBlock.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/forms/FormBlock.tsx b/src/components/forms/FormBlock.tsx
index 36ec23f..3fb8f10 100644
--- a/src/components/forms/FormBlock.tsx
+++ b/src/components/forms/FormBlock.tsx
@@ -199,9 +199,15 @@ function renderInput(
           className={cls}
           style={font}
         >
-          <option value="">Оберіть...</option>
+          <option value="" style={{ color: '#272727', background: '#fff' }}>
+            Оберіть...
+          </option>
           {field.options?.map((opt) => (
-            <option key={opt.value} value={opt.value}>
+            <option
+              key={opt.value}
+              value={opt.value}
+              style={{ color: '#272727', background: '#fff' }}
+            >
               {opt.label}
             </option>
           ))}