Improve display of PhoneInput

app/soapbox/components/ui/phone-input/country-code-dropdown.tsx

@@ -20,13 +20,13 @@ const CountryCodeDropdown: React.FC<ICountryCodeDropdown> = ({ countryCode, onCh
   };
 
   const menu: Menu = COUNTRY_CODES.map(code => ({
-    text: <>{code}</>,
+    text: <>+{code}</>,
     action: handleMenuItem(code),
   }));
 
   return (
     <DropdownMenu items={menu}>
-      <button className='p-4'>{countryCode}</button>
+      <button className='px-4'>+{countryCode}</button>
     </DropdownMenu>
   );
 };

app/soapbox/components/ui/phone-input/phone-input.tsx

@@ -34,7 +34,7 @@ const PhoneInput: React.FC<IPhoneInput> = (props) => {
   };
 
   return (
-    <HStack>
+    <HStack alignItems='center'>
       <CountryCodeDropdown
         countryCode={countryCode}
         onChange={handleCountryChange}