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")}