From b3bfad7fea49b816d805cf22db4427c29bfd8898 Mon Sep 17 00:00:00 2001
From: Adarsh Singh <114363643+devadarshh@users.noreply.github.com>
Date: Tue, 23 Sep 2025 06:52:06 +0530
Subject: [PATCH] fix(ui): Correct phone number dropdown position in RTL
 layouts (#23964)

* fix(ui): correct phone input dropdown position in RTL

* chore: Remove explanatory comments per review
---
 apps/web/styles/globals.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index 5939d70e78..0e1cb7e51c 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -647,3 +647,8 @@ select:focus {
 [data-radix-popper-content-wrapper] {
   border: none;
 }
+
+html[dir="rtl"] .react-tel-input .flag-dropdown {
+  left: auto !important;
+  right: 0 !important;
+}