diff --git a/client/src/components/Styles/loginSignup.css b/client/src/components/Styles/loginSignup.css
index eff5f3198..999bb263e 100644
--- a/client/src/components/Styles/loginSignup.css
+++ b/client/src/components/Styles/loginSignup.css
@@ -161,17 +161,20 @@ Login and Signup page style rules
 
 .signup-form-inputs,
 .login-form-inputs {
-  /* border: 1px solid black; */
   width: 100%;
   max-width: 320px;
   max-height: 340px;
   height: auto;
-  margin: 20px auto;
+  margin: 15px auto 20px auto; /* accounts for error message padding -- looks more centered */
   gap: 15px;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  align-items: stretch;
+  align-items: center;
+
+  #googleBtn {
+    align-self: stretch;
+  }
 }
 
 .signup-form p {
diff --git a/client/src/components/pages/Signup.tsx b/client/src/components/pages/Signup.tsx
index a14c8e530..ba3bbffd4 100644
--- a/client/src/components/pages/Signup.tsx
+++ b/client/src/components/pages/Signup.tsx
@@ -415,7 +415,6 @@ const SignUp: React.FC<SignUpProps> = ({ /*setAvatarImage, avatarImage,*/ profil
             /> */}
 
             <div id="googleBtn"></div>
-            <span className="spacer"> </span>
             {/* <input
               className="signup-input"
               autoComplete="off"