Studio: Fix spacing around user avatar in settings modal (#626)

* Fix spacing around user avatar in settings

* Fix border width

Author: matt-west

src/components/user-settings.tsx

@@ -30,11 +30,11 @@ const UserInfo = ( {
 	const { __ } = useI18n();
 	return (
 		<div className="flex w-full gap-5">
-			<div className="flex w-full items-center gap-[15px]">
+			<div className="flex w-full items-center gap-3">
 				<Button
 					onClick={ () => getIpcApi().openURL( WPCOM_PROFILE_URL ) }
 					aria-label={ __( 'Profile link' ) }
-					className="py-0 px-0"
+					variant="icon"
 				>
 					<Gravatar detailedDefaultImage size={ 32 } isBlack />
 				</Button>
@@ -255,14 +255,14 @@ export default function UserSettings() {
 									</Button>
 								</Tooltip>
 							</div>
-							<div className="border border-[#F0F0F0] w-full"></div>
+							<div className="border-t border-[#F0F0F0] w-full"></div>
 							<LanguagePicker />
 						</div>
 					) }
 					{ isAuthenticated && (
 						<div className="gap-6 flex flex-col">
 							<UserInfo onLogout={ logout } user={ user } />
-							<div className="border border-[#F0F0F0] w-full"></div>
+							<div className="border-t border-[#F0F0F0] w-full"></div>
 							<div className="flex flex-col gap-6">
 								<LanguagePicker />
 								<SnapshotInfo