From 0b8e97d9a72ed86e158c8b2059a6b852afc75dd6 Mon Sep 17 00:00:00 2001
From: Ayush Baluni <73417844+aayushbaluni@users.noreply.github.com>
Date: Fri, 3 Apr 2026 22:46:04 +0530
Subject: [PATCH] fix: The content of the select dropdown box is being obscured
 when the dialog

---
 .../base/form/components/field/custom-select.tsx      | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/app/components/base/form/components/field/custom-select.tsx b/web/app/components/base/form/components/field/custom-select.tsx
index 08e2cdc43777c1..ce5c7c4415c7de 100644
--- a/web/app/components/base/form/components/field/custom-select.tsx
+++ b/web/app/components/base/form/components/field/custom-select.tsx
@@ -25,12 +25,15 @@ const CustomSelectField = <T extends Option>({
     <div className={cn('flex flex-col gap-y-0.5', className)}>
       <Label
         htmlFor={field.name}
-        label={label}
-        {...(labelOptions ?? {})}
-      />
-      <CustomSelect<T>
         value={field.state.value}
         options={options}
+        onChange={value => field.handleChange(value)}
+        popupProps={{
+          wrapperClassName: 'z-[1000]',
+        }}
+        {...selectProps}
+      />
+    </div>
         onChange={value => field.handleChange(value)}
         {...selectProps}
       />