more

src/Components/SignupPage/SignupPage.js

@@ -177,7 +177,7 @@ const SignupPage = () => {
         </div>
         <Form className="signup-form">
           {isMobile ? <MobileForm /> : <DesktopForm />}
-          <Row>
+          <Row className="signup-passw-inputs">
             <Col className="mb-3">
               <TextInput
                 id="signupPassword"
@@ -195,7 +195,7 @@ const SignupPage = () => {
               />
             </Col>
           </Row>
-          <Row>
+          <Row className="signup-passw-inputs">
             <Col className="mb-3">
               <TextInput
                 id="confirmPassword"

src/styles/signup.scss

@@ -45,7 +45,9 @@
 .signup-btn {
   width: 150px;
 }
-
+.signup-passw-inputs {
+  width: 100%;
+}
 @media only screen and (max-width: 430px) {
   .signup-sub-container {
     display: flex;
@@ -74,4 +76,12 @@
   .signup-mobile-column {
     width: 340px;
   }
+
+  .signup-button-box {
+    width: 320px;
+  }
+
+  .signup-passw-inputs {
+    width: 370px;
+  }
 }