diff --git a/UserLogin/src/components/Login/index.tsx b/UserLogin/src/components/Login/index.tsx
index da37e1f1d02b7d0140af85e4f7eff7026b07242c..4979aff24a548227b2c51a17711dffc9aee87f08 100644
--- a/UserLogin/src/components/Login/index.tsx
+++ b/UserLogin/src/components/Login/index.tsx
@@ -127,9 +127,9 @@ class Login extends Component<LoginProps, LoginState> {
     return (
       <LoginContext.Provider value={this.getContext()}>
         <div className={classNames(className, styles.login)}>
-          {tabs.length ? (
-            <React.Fragment>
-              <Form onSubmit={this.handleSubmit}>
+          <Form onSubmit={this.handleSubmit}>
+            {tabs.length ? (
+              <React.Fragment>
                 <Tabs
                   animated={false}
                   className={styles.tabs}
@@ -139,11 +139,11 @@ class Login extends Component<LoginProps, LoginState> {
                   {TabChildren}
                 </Tabs>
                 {otherChildren}
-              </Form>
-            </React.Fragment>
-          ) : (
-            children
-          )}
+              </React.Fragment>
+            ) : (
+              children
+            )}
+          </Form>
         </div>
       </LoginContext.Provider>
     );