diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index a1413e5..e656b2d 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -612,7 +612,7 @@ const SignupPage = () => {
               <>
                 {showAddAccountBtn ? (
                   <Button
-                    className="secondary-button signup-addacct-button"
+                    className="secondary-button add-account-button"
                     type="button"
                     size="lg"
                     onClick={handleAddAccounts}
diff --git a/src/styles/buttons.scss b/src/styles/buttons.scss
index a20e1d4..afa0f1e 100644
--- a/src/styles/buttons.scss
+++ b/src/styles/buttons.scss
@@ -44,6 +44,10 @@ $button-padding: 0 5px;
   }
 }
 
+.add-account-button {
+  margin-right: 12px;
+}
+
 .cancel-button {
   height: $button-height;
   padding: $button-padding;
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index ed86b94..f3b6031 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -232,6 +232,10 @@
   width: 800px;
 }
 
+.add-account-button {
+  margin-right: 12px;
+}
+
 .show-addaccount-container {
   display: flex;
   flex-direction: column;