continued adaptive

src/components/SelectPhoneCode.tsx

@@ -23,7 +23,10 @@ export function SelectPhoneCode({
   useOnClickOutside(ref, () => setOpen(false));
 
   return (
-    <div ref={ref} className="relative flex flex-col w-1/3">
+    <div
+      ref={ref}
+      className="relative flex flex-col sm:w-1/3 min-w-[max(10vw,20%)]"
+    >
       <button
         className="flex gap-x-1 justify-between items-center relative"
         onClick={e => {
@@ -33,7 +36,7 @@ export function SelectPhoneCode({
       >
         <img
           src={countries.find(c => c.iso === currentCountry)?.flag}
-          className="w-6"
+          className="sm:w-6 w-4"
           alt=""
         />
         <p className="h4">{currentPhoneCode}</p>
@@ -59,7 +62,7 @@ export function SelectPhoneCode({
                 <img
                   src={countries.find(c => c.iso === country)?.flag}
                   alt=""
-                  className="w-6"
+                  className="sm:w-6 w-4"
                 />
                 <p className="flex-1 h4 cursor-pointer py-1">{phoneCode}</p>
               </div>