diff --git a/frontend/src/pages/Login.jsx b/frontend/src/pages/Login.jsx
index 684f87e44..1816ca880 100644
--- a/frontend/src/pages/Login.jsx
+++ b/frontend/src/pages/Login.jsx
@@ -13,22 +13,9 @@ import LoginForm from '@/forms/LoginForm';
 import Loading from '@/components/Loading';
 import AuthModule from '@/modules/AuthModule';
 
-const LoginPage = () => {
-  const translate = useLanguage();
-  const { isLoading, isSuccess } = useSelector(selectAuth);
-  const navigate = useNavigate();
-  // const size = useSize();
-
-  const dispatch = useDispatch();
-  const onFinish = (values) => {
-    dispatch(login({ loginData: values }));
-  };
-
-  useEffect(() => {
-    if (isSuccess) navigate('/');
-  }, [isSuccess]);
-
-  const FormContainer = () => {
+const FormContainer = (props) => {
+  const {isLoading, onFinish} = props
+  
     return (
       <Loading isLoading={isLoading}>
         <Form
@@ -58,7 +45,22 @@ const LoginPage = () => {
     );
   };
 
-  return <AuthModule authContent={<FormContainer />} AUTH_TITLE="Sign in" />;
+const LoginPage = () => {
+  const translate = useLanguage();
+  const { isLoading, isSuccess } = useSelector(selectAuth);
+  const navigate = useNavigate();
+  // const size = useSize();
+
+  const dispatch = useDispatch();
+  const onFinish = (values) => {
+    dispatch(login({ loginData: values }));
+  };
+
+  useEffect(() => {
+    if (isSuccess) navigate('/');
+  }, [isSuccess]);
+
+  return <AuthModule authContent={<FormContainer isLoading={isLoading} onFinish={onFinish} />} AUTH_TITLE="Sign in" />;
 };
 
 export default LoginPage;