Revert "FIX : padding-and-alignment-login-page"

frontend/src/pages/login/index.tsx

@@ -8,7 +8,7 @@ import { Login } from "@app/views/Login";
 export default function LoginPage() {
   const { t } = useTranslation();
   return (
-    <div className="pt-8 flex flex-col items-center max-h-screen overflow-y-scroll bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700">
+    <div className="flex max-h-screen min-h-screen flex-col justify-center overflow-y-auto bg-gradient-to-tr from-mineshaft-600 via-mineshaft-800 to-bunker-700 px-6">
       <Head>
         <title>{t("common.head-title", { title: t("login.title") })}</title>
         <link rel="icon" href="/infisical.ico" />
@@ -17,12 +17,12 @@ export default function LoginPage() {
         <meta name="og:description" content={t("login.og-description") ?? ""} />
       </Head>
       <Link href="/">
-        <div className="w-full text-center">
+        <div className="mb-4 mt-20 flex justify-center">
           <Image src="/images/gradientLogo.svg" height={90} width={120} alt="Infisical logo" />
         </div>
       </Link>
       <Login />
-      <div className="pb-4" />
+      <div className="pb-28" />
     </div>
   );
 }

frontend/src/views/Login/components/InitialStep/InitialStep.tsx

@@ -358,7 +358,6 @@ export const InitialStep = ({ setStep, email, setEmail, password, setPassword }:
           </Link>
         </div>
       )}
-      <div className="pb-4" />
     </form>
   );
 };