diff --git a/apps/web/pages/ldap-tfa.jsx b/apps/web/pages/ldap-tfa.jsx
index acc2fc5..82d31c4 100644
--- a/apps/web/pages/ldap-tfa.jsx
+++ b/apps/web/pages/ldap-tfa.jsx
@@ -1,14 +1 @@
-import { PageHead } from './ldap';
-import { Login } from '@/components';
-import { FormStateProvider } from '@/context/form-state';
-
-export default function Page(props) {
-  return (
-    <FormStateProvider {...props}>
-      <PageHead />
-      <Login tfa />
-    </FormStateProvider>
-  );
-}
-
-export { getServerSideProps } from './ldap';
+export { default, getServerSideProps } from './ldap';
diff --git a/apps/web/pages/ldap.jsx b/apps/web/pages/ldap.jsx
index a643d86..cb2b62c 100644
--- a/apps/web/pages/ldap.jsx
+++ b/apps/web/pages/ldap.jsx
@@ -21,27 +21,32 @@ export default function Page(props) {
   return (
     <FormStateProvider {...props}>
       <PageHead />
-      <Login />
+      <Login tfa={props.tfa} />
     </FormStateProvider>
   );
 }
 
 /** @type {import('next').GetServerSideProps} */
 export async function getServerSideProps({ req }) {
+  const headers = pick(req.headers, ['auth-mode', 'cookie', 'refresh-token']);
+  const tfa = headers['auth-mode'] === 'ldap-tfa';
+
   try {
-    const headers = pick(req.headers, ['auth-mode', 'cookie', 'refresh-token']);
     const { data: user } = await axios.get(URL_API_CHECK_AUTH, {
       headers,
     });
 
     return {
       props: {
+        tfa,
         user,
       },
     };
   } catch {
     return {
-      props: {},
+      props: {
+        tfa,
+      },
     };
   }
 }