diff --git a/frontend/src/pages/profile.tsx b/frontend/src/pages/profile.tsx
index 0448bb2..ab2d8a3 100644
--- a/frontend/src/pages/profile.tsx
+++ b/frontend/src/pages/profile.tsx
@@ -105,7 +105,7 @@ const EditUsers = () => {
         <title>{getPageTitle('Edit profile')}</title>
       </Head>
 
-      <main className='mx-auto max-w-5xl px-6 py-6'>
+      <main className='mx-auto max-w-7xl px-6 py-6'>
         <div className='mb-4 rounded-lg bg-[#19192d] p-5 text-white'>
           <div className='flex items-center gap-3 text-[#b17a1e]'>
             <span className='text-lg'>●</span>
@@ -126,7 +126,7 @@ const EditUsers = () => {
             onSubmit={(values) => handleSubmit(values)}
           >
             <Form className='grid gap-5'>
-              <div className='grid gap-5 md:grid-cols-[220px_1fr]'>
+              <div className='grid gap-5 xl:grid-cols-[180px_1fr]'>
                 <div>
                   <p className='text-sm font-semibold text-[#19192d]'>Avatar</p>
                   <div className='mt-3 flex h-32 w-32 items-center justify-center overflow-hidden rounded-full border border-[#19192d]/10 bg-[#f3fbf8]'>
@@ -164,7 +164,7 @@ const EditUsers = () => {
                   </div>
                 </div>
 
-                <div className='grid gap-4 md:grid-cols-2'>
+                <div className='grid gap-4 md:grid-cols-2 xl:grid-cols-3'>
                   <FieldWrap label='First name'>
                     <Field
                       className={inputClassName}
@@ -217,7 +217,7 @@ const EditUsers = () => {
                     />
                   </FieldWrap>
 
-                  <div className='md:col-span-2'>
+                  <div className='md:col-span-2 xl:col-span-3'>
                     <FieldWrap label='Disabled'>
                       <Field
                         name='disabled'