src/pages/auth/SignIn.jsx

@@ -7,6 +7,7 @@ import bg_cod from 'assets/bg_cod.jpg';
 import logo from 'assets/freepik/LOGOPIU.png';
 
 const SignIn = () => {
+    const [form] = Form.useForm();
     const [captchaSvg, setCaptchaSvg] = useState('');
     const [captchaText, setCaptchaText] = useState('');
     const [loading, setLoading] = useState(false);
@@ -110,6 +111,7 @@ const SignIn = () => {
                 </Flex>
                 <br />
                 <Form
+                    form={form}
                     layout="vertical"
                     style={{ width: '250px' }}
                     onFinish={handleOnSubmit}
@@ -136,7 +138,10 @@ const SignIn = () => {
                         <Input.Password placeholder="Password" size="large" />
                     </Form.Item>
 
-                    <div dangerouslySetInnerHTML={{ __html: captchaSvg }} />
+                    <div
+                        style={{ textAlign: 'center' }}
+                        dangerouslySetInnerHTML={{ __html: captchaSvg }}
+                    />
 
                     <Form.Item
                         label="CAPTCHA"