diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 30d3d7a..692e193 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -184,6 +184,9 @@ const SignupPage = () => {
     setIsAnnual(!isAnnual);
     console.log("isAnnual", isAnnual);
   };
+  const handleAddAccounts = () => {
+    setShowAddAccount(!showAddAccount);
+  };
 
   async function handleStripeAuthorization(
     user,
@@ -441,14 +444,19 @@ const SignupPage = () => {
               <></>
             )}
             <div className="signup-button-box">
-              <Button
-                className="primary-button signup-proceed"
-                type="button"
-                size="lg"
-                onClick={() => setShowAddAccount(!showAddAccount)}
-                disabled={isBusy}
-                labelText="Add Account(s)"
-              />
+              {!showAddAccount ? (
+                <Button
+                  className="secondary-button"
+                  type="button"
+                  size="lg"
+                  onClick={handleAddAccounts}
+                  disabled={isBusy}
+                  labelText="Add Account(s)"
+                />
+              ) : (
+                <></>
+              )}
+
               <Button
                 className="primary-button signup-proceed"
                 type="button"
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index 5f9e26b..04c746a 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -56,8 +56,8 @@
   width: 100%;
   margin-bottom: 24px;
   display: flex;
-  flex-direction: column;
-  align-items: flex-end;
+  flex-direction: row;
+  justify-content: flex-end;
   padding-right: 14px;
 }