fix(ui): Correct phone number dropdown position in RTL layouts (calcom#23964)

devadarshh · web-flow · commit b3bfad7fea49 · 2025-09-23T01:22:06.000Z
* fix(ui): correct phone input dropdown position in RTL

* chore: Remove explanatory comments per review
diff --git 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;
+}

Original file line number	Diff line number	Diff line change
`@@ -647,3 +647,8 @@ select:focus {`
`647`	`647`	`[data-radix-popper-content-wrapper] {`
`648`	`648`	`border: none;`
`649`	`649`	`}`
	`650`	`+`
	`651`	`+html[dir="rtl"] .react-tel-input .flag-dropdown {`
	`652`	`+ left: auto !important;`
	`653`	`+ right: 0 !important;`
	`654`	`+}`