diff --git a/space/core/components/views/auth.tsx b/space/core/components/views/auth.tsx
index fb68d8fba..2c5a8a2f4 100644
--- a/space/core/components/views/auth.tsx
+++ b/space/core/components/views/auth.tsx
@@ -30,7 +30,7 @@ export const AuthView = observer(() => {
         />
       </div>
       <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-        <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+        <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
           <div className="flex items-center gap-x-2 py-10">
             <Link href={`${SPACE_BASE_PATH}/`} className="h-[30px] w-[133px]">
               <Image src={logo} alt="Plane logo" />
diff --git a/web/app/accounts/forgot-password/page.tsx b/web/app/accounts/forgot-password/page.tsx
index 0e203a1f8..3e86e8eff 100644
--- a/web/app/accounts/forgot-password/page.tsx
+++ b/web/app/accounts/forgot-password/page.tsx
@@ -104,7 +104,7 @@ export default function ForgotPasswordPage() {
           />
         </div>
         <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-          <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+          <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
             <div className="flex items-center gap-x-2 py-10">
               <Link href={`/`} className="h-[30px] w-[133px]">
                 <Image src={logo} alt="Plane logo" />
diff --git a/web/app/accounts/reset-password/page.tsx b/web/app/accounts/reset-password/page.tsx
index 43f001abe..4d5303b98 100644
--- a/web/app/accounts/reset-password/page.tsx
+++ b/web/app/accounts/reset-password/page.tsx
@@ -116,7 +116,7 @@ export default function ResetPasswordPage() {
           />
         </div>
         <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-          <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+          <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
             <div className="flex items-center gap-x-2 py-10">
               <Link href={`/`} className="h-[30px] w-[133px]">
                 <Image src={logo} alt="Plane logo" />
diff --git a/web/app/accounts/set-password/page.tsx b/web/app/accounts/set-password/page.tsx
index e74b506e6..df1b5d567 100644
--- a/web/app/accounts/set-password/page.tsx
+++ b/web/app/accounts/set-password/page.tsx
@@ -118,7 +118,7 @@ const SetPasswordPage = observer(() => {
           />
         </div>
         <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-          <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+          <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
             <div className="flex items-center gap-x-2 py-10">
               <Link href={`/`} className="h-[30px] w-[133px]">
                 <Image src={logo} alt="Plane logo" />
diff --git a/web/app/page.tsx b/web/app/page.tsx
index 4982f4082..63ef855ca 100644
--- a/web/app/page.tsx
+++ b/web/app/page.tsx
@@ -46,7 +46,7 @@ const HomePage = observer(() => {
               />
             </div>
             <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-              <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+              <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
                 <div className="flex items-center gap-x-2 py-10">
                   <Link href={`/`} className="h-[30px] w-[133px]">
                     <Image src={logo} alt="Plane logo" />
diff --git a/web/app/sign-up/page.tsx b/web/app/sign-up/page.tsx
index 8bd2e8799..f08ccbae7 100644
--- a/web/app/sign-up/page.tsx
+++ b/web/app/sign-up/page.tsx
@@ -41,7 +41,7 @@ const SignInPage = observer(() => {
           />
         </div>
         <div className="relative z-10 w-screen h-screen overflow-hidden overflow-y-auto flex flex-col">
-          <div className="container mx-auto px-10 lg:px-0 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
+          <div className="container min-w-full px-10 lg:px-20 xl:px-36 flex-shrink-0 relative flex items-center justify-between pb-4 transition-all">
             <div className="flex items-center gap-x-2 py-10">
               <Link href={`/`} className="h-[30px] w-[133px]">
                 <Image src={logo} alt="Plane logo" />