fix visual bugs with udate-account-form

app/auth/update-account/_components/update-account-form.tsx

@@ -202,7 +202,7 @@ export function UpdateAccountForm({
               <FormField
                 name="weight"
                 render={({ field }) => (
-                  <FormItem>
+                  <FormItem className="flex-1 basis-0">
                     <FormLabel>
                       <Trans i18nKey={'common:formField:weight'} />
                     </FormLabel>
@@ -229,7 +229,7 @@ export function UpdateAccountForm({
               <FormField
                 name="height"
                 render={({ field }) => (
-                  <FormItem>
+                  <FormItem className="flex-1 basis-0">
                     <FormLabel>
                       <Trans i18nKey={'common:formField:height'} />
                     </FormLabel>

app/auth/update-account/page.tsx

@@ -41,8 +41,8 @@ async function UpdateAccount() {
   };
 
   return (
-    <div className="border-border flex max-w-5xl flex-row overflow-hidden rounded-3xl border">
-      <div className="relative flex w-full flex-col px-12 pt-7 pb-22 text-center">
+    <div className="border-border xs:w-3/5 flex w-9/10 flex-row overflow-hidden rounded-3xl border md:w-[988px]">
+      <div className="xs:px-6 relative flex w-full flex-col pt-7 pb-22 text-center md:w-1/2 md:px-12">
         <BackButton onBack={signOutAction} />
         <MedReportLogo />
         <h1 className="pt-8">
@@ -56,7 +56,7 @@ async function UpdateAccount() {
           isEmailUser={isEmailUser}
         />
       </div>
-      <div className="hidden w-1/2 min-w-[460px] bg-[url(/assets/med-report-logo-big.png)] bg-cover bg-center bg-no-repeat md:block"></div>
+      <div className="hidden w-1/2 bg-[url(/assets/med-report-logo-big.png)] bg-cover bg-center bg-no-repeat md:block"></div>
     </div>
   );
 }