more

src/Components/SignupPage/SignupPage.js

@@ -511,7 +511,6 @@ const SignupPage = () => {
       {!isUpgrade && !isBusy ? signupForm : <></>}
       {showSelectPlan && !isBusy ? (
         <div className="select-plan-container">
-          <div className="select-sub-left">
           <div className="select-plan-header">
             <div className="plan-header-right">
               <h5 className="signup-subheader-text">
@@ -526,6 +525,7 @@ 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,36 +604,6 @@ 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>
         </div>
       ) : (

src/styles/signup.scss

@@ -81,14 +81,6 @@
   width: 160px;
 }
 
-.select-plan-container {
-  display: flex;
-  flex-direction: row;
-  margin-top: 24px;
-  width: 920px;
-  min-height: 810px;
-}
-
 .select-plan-header {
   display: flex;
   flex-direction: row;
@@ -119,15 +111,23 @@
   width: 50%;
 }
 
+.select-plan-container {
+  display: flex;
+  flex-direction: column;
+  margin-top: 24px;
+  width: 920px;
+  min-height: 810px;
+  border-radius: 10px;
+  background-color: rgb(240, 247, 250);
+  border: 1px solid #e9e9e9;
+}
+
 .select-sub-left {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-top: 45px;
   width: 100%;
-  border-radius: 10px;
-  background-color: rgb(240, 247, 250);
-  border: 1px solid #e9e9e9;
 }
 
 .select-sub-right {