From cbdcc061d5fcdbb37d8d60f2b2ae5e234ef9d583 Mon Sep 17 00:00:00 2001
From: Danel Kungla <danel@mountbirch.com>
Date: Tue, 16 Sep 2025 11:21:13 +0300
Subject: [PATCH] fix visual bugs with udate-account-form

---
 app/auth/update-account/_components/update-account-form.tsx | 4 ++--
 app/auth/update-account/page.tsx                            | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/auth/update-account/_components/update-account-form.tsx b/app/auth/update-account/_components/update-account-form.tsx
index bccfd87..473325a 100644
--- a/app/auth/update-account/_components/update-account-form.tsx
+++ b/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>
diff --git a/app/auth/update-account/page.tsx b/app/auth/update-account/page.tsx
index 2d1943d..382ffeb 100644
--- a/app/auth/update-account/page.tsx
+++ b/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>
   );
 }