diff --git a/web/app/(shareLayout)/webapp-signin/layout.tsx b/web/app/(shareLayout)/webapp-signin/layout.tsx
index e1fd16d715..a03364d326 100644
--- a/web/app/(shareLayout)/webapp-signin/layout.tsx
+++ b/web/app/(shareLayout)/webapp-signin/layout.tsx
@@ -12,7 +12,7 @@ export default function SignInLayout({ children }: any) {
       <div className={cn('flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
         {/* <Header /> */}
         <div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
-          <div className='flex flex-col md:w-[440px] lg:w-[600px]'>
+          <div className='flex justify-center md:w-[440px] lg:w-[600px]'>
             {children}
           </div>
         </div>
diff --git a/web/app/(shareLayout)/webapp-signin/page.tsx b/web/app/(shareLayout)/webapp-signin/page.tsx
index 8097d14a3f..c12fde38dd 100644
--- a/web/app/(shareLayout)/webapp-signin/page.tsx
+++ b/web/app/(shareLayout)/webapp-signin/page.tsx
@@ -106,7 +106,7 @@ const WebSSOForm: FC = () => {
     </div>
   }
   if (webAppAccessMode && (webAppAccessMode === AccessMode.ORGANIZATION || webAppAccessMode === AccessMode.SPECIFIC_GROUPS_MEMBERS)) {
-    return <div className='w-[400px]'>
+    return <div className='w-full max-w-[400px]'>
       <NormalForm />
     </div>
   }