more

src/Components/SignupPage/SignupPage.js

@@ -525,7 +525,6 @@ const SignupPage = () => {
               </div>
             </div>
           </div>
-          <div className="select-sub-left">
           <div className="radio-group-box">
             {signupRadioFields?.map((option, index) => (
               <div className="signup-radio-container">
@@ -604,6 +603,35 @@ const SignupPage = () => {
           ) : (
             <></>
           )}
+          <div className="signup-button-box">
+            {!showAddAccount && !isBusy ? (
+              <>
+                {showAddAccountBtn ? (
+                  <Button
+                    className="secondary-button cancel-add-account-btn"
+                    type="button"
+                    size="lg"
+                    onClick={handleAddAccounts}
+                    disabled={isBusy}
+                    labelText="Add Account(s)"
+                    style={{ marginTight: "12px;" }}
+                  />
+                ) : (
+                  <></>
+                )}
+
+                <Button
+                  className="primary-button signup-proceed"
+                  type="button"
+                  size="lg"
+                  onClick={handleProceedToPayment}
+                  disabled={isBusy}
+                  labelText="Proceed to Payment"
+                />
+              </>
+            ) : (
+              <></>
+            )}
           </div>
         </div>
       ) : (

src/styles/signup.scss

@@ -126,7 +126,6 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-top: 45px;
   width: 100%;
 }
 
@@ -170,7 +169,6 @@
   flex-wrap: wrap;
   padding: 6px;
   width: 100%;
-  height: 340px;
 }
 
 .select-plan-summary-box {