diff --git a/apps/web/components/Login/index.jsx b/apps/web/components/Login/index.jsx
index 445ecd8..ea75ba1 100644
--- a/apps/web/components/Login/index.jsx
+++ b/apps/web/components/Login/index.jsx
@@ -1,13 +1,16 @@
-import * as Form from '../Form';
 import styles from './Login.module.scss';
 import { Logo } from '@/elements';
+import dynamic from 'next/dynamic';
+
+const DynamicDefaultForm = dynamic(() => import('../Form').then((m) => m.DefaultForm));
+const DynamicTelegramForm = dynamic(() => import('../Form').then((m) => m.TelegramForm));
 
 export function Login({ tfa }) {
   return (
     <div className={styles.wrapper}>
       <div className={styles.login}>
         <Logo />
-        {tfa ? <Form.TelegramForm /> : <Form.DefaultForm />}
+        {tfa ? <DynamicTelegramForm /> : <DynamicDefaultForm />}
       </div>
     </div>
   );