From 5fd683d98a0cd0c37f7d30892ec9dc2f2cf1f8f6 Mon Sep 17 00:00:00 2001
From: Jeffrin Jojo <135723871+Jeffrin2005@users.noreply.github.com>
Date: Thu, 27 Feb 2025 21:58:36 +0530
Subject: [PATCH] Fix :  Alignment of Country List in Phone Number Search
 (#10778)

Co-authored-by: Rithvik Nishad <rithvikn2001@gmail.com>
---
 src/components/ui/phone-input.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/phone-input.tsx b/src/components/ui/phone-input.tsx
index ba99fdcf042..38813cfc1d4 100644
--- a/src/components/ui/phone-input.tsx
+++ b/src/components/ui/phone-input.tsx
@@ -120,7 +120,11 @@ const CountrySelect = ({
           />
         </Button>
       </PopoverTrigger>
-      <PopoverContent className="w-[300px] p-0">
+      <PopoverContent
+        className="p-2 sm:p-0 w-[var(--radix-popover-trigger-width)] min-w-64"
+        align="start"
+        sideOffset={5}
+      >
         <Command>
           <CommandInput
             placeholder={t("search_country")}