Modified the code based off the first FB

packages/app/src/components/Layout/Invited.module.scss

@@ -12,9 +12,3 @@
     }
   }
 }
-
-.nologin.error {
-  .alert h2 {
-    line-height: 1em;
-  }
-}

packages/app/src/components/Layout/Login.module.scss

@@ -42,3 +42,7 @@
     height: 0% !important;
   }
 }
+
+.collapse-external-auth {
+  overflow: hidden;
+}

packages/app/src/components/Layout/NoLoginLayout.module.scss

@@ -159,3 +159,9 @@
     max-width: 480px;
   }
 }
+
+.nologin.error {
+  .alert h2 {
+    line-height: 1em;
+  }
+}

packages/app/src/components/Layout/NoLoginLayout.tsx

@@ -36,9 +36,7 @@ export const NoLoginLayout = ({
                   </div>
                 </div>
 
-                <div className="col-md-12">
-                  {children}
-                </div>
+                {children}
 
               </div>
             </div>

packages/app/src/pages/installer.page.tsx

@@ -47,8 +47,10 @@ const InstallerPage: NextPage<Props> = (props: Props) => {
 
   return (
     <NoLoginLayout title={useCustomTitle(props, 'GROWI')} className={classNames.join(' ')}>
-      <div id="installer-form-container">
-        <InstallerForm />
+      <div className="col-md-12">
+        <div id="installer-form-container">
+          <InstallerForm />
+        </div>
       </div>
     </NoLoginLayout>
   );

packages/app/src/pages/login.page.tsx

@@ -43,7 +43,7 @@ const LoginPage: NextPage<Props> = (props: Props) => {
 
   return (
     <NoLoginLayout title={useCustomTitle(props, 'GROWI')} className={classNames.join(' ')}>
-      <div id="page-wrapper">
+      <div id="login-page">
         <LoginForm objOfIsExternalAuthEnableds={props.enabledStrategies} isLocalStrategySetup={true} isLdapStrategySetup={true}
           isRegistrationEnabled={true} registrationWhiteList={props.registrationWhiteList} isPasswordResetEnabled={true} />
       </div>