Fix : Alignment of Country List in Phone Number Search (#10778)

Co-authored-by: Rithvik Nishad <rithvikn2001@gmail.com>
ohcnetwork · Feb 27, 2025 · cf1292b · cf1292b
1 parent 432c614
commit cf1292b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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")}