From f5b3a526cb9b12c19e5ff6a79240e3d85685ff9b Mon Sep 17 00:00:00 2001
From: Gauthier <mail@gauthierth.fr>
Date: Tue, 18 Mar 2025 20:47:08 +0100
Subject: [PATCH] fix(ui): resolve discover language dropdown overlap (#1497)

The discover language selection field is always in the foreground and overlaps other open dropdowns.

fix #1475
---
 .../UserProfile/UserSettings/UserGeneralSettings/index.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx b/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
index 90fbb13c7..e0df3f5d4 100644
--- a/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
+++ b/src/components/UserProfile/UserSettings/UserGeneralSettings/index.tsx
@@ -415,7 +415,7 @@ const UserGeneralSettings = () => {
                   </span>
                 </label>
                 <div className="form-input-area">
-                  <div className="form-input-field relative z-30">
+                  <div className="form-input-field relative z-[22]">
                     <RegionSelector
                       name="discoverRegion"
                       value={values.discoverRegion ?? ''}
@@ -433,7 +433,7 @@ const UserGeneralSettings = () => {
                   </span>
                 </label>
                 <div className="form-input-area">
-                  <div className="form-input-field">
+                  <div className="form-input-field relative z-[21]">
                     <LanguageSelector
                       setFieldValue={setFieldValue}
                       serverValue={currentSettings.originalLanguage}