diff --git a/packages/stack/src/components-page/auth-page.tsx b/packages/stack/src/components-page/auth-page.tsx
index 89f466b5a..0a9db8497 100644
--- a/packages/stack/src/components-page/auth-page.tsx
+++ b/packages/stack/src/components-page/auth-page.tsx
@@ -49,7 +49,7 @@ export default function AuthPage({
           </Text>
         )}
       </div>
-      <OAuthGroup type='signin' mockProject={mockProject} />
+      <OAuthGroup type={type} mockProject={mockProject} />
       {enableSeparator && <SeparatorWithText text={'Or continue with'} />}
       {project.credentialEnabled && project.magicLinkEnabled ? (
         <Tabs defaultValue='magic-link'>
diff --git a/packages/stack/src/components/oauth-button.tsx b/packages/stack/src/components/oauth-button.tsx
index 3532cc472..2d6f25f6a 100644
--- a/packages/stack/src/components/oauth-button.tsx
+++ b/packages/stack/src/components/oauth-button.tsx
@@ -11,7 +11,7 @@ export default function OAuthButton({
   type,
 }: {
   provider: string,
-  type: 'signin' | 'signup',
+  type: 'sign-in' | 'sign-up',
 }) {
   const stackApp = useStackApp();
 
@@ -113,10 +113,9 @@ export default function OAuthButton({
       style={{ border: style.border }}
       onClick={() => stackApp.signInWithOAuth(provider)}
     >
-      <div style={{ display: 'flex', alignItems: 'center', width: '100%' }}>
+      <div style={{ display: 'flex', alignItems: 'center', width: '100%', gap: '8px' }}>
         {style.icon}
-        <span style={{ flexGrow: 1 }}>{type === 'signup' ? 'Sign up with ' : 'Sign in with '}{style.name}</span>
-        {<div style={{ visibility: 'hidden' }}>{style.icon}</div>}
+        <span style={{ flexGrow: 1 }}>{type === 'sign-up' ? 'Sign up with ' : 'Sign in with '}{style.name}</span>
       </div>
     </Button>
   );
diff --git a/packages/stack/src/components/oauth-group.tsx b/packages/stack/src/components/oauth-group.tsx
index 4a082f2b2..3716e87f1 100644
--- a/packages/stack/src/components/oauth-group.tsx
+++ b/packages/stack/src/components/oauth-group.tsx
@@ -8,7 +8,7 @@ export default function OAuthGroup({
   type,
   mockProject,
 }: {
-  type: 'signin' | 'signup',
+  type: 'sign-in' | 'sign-up',
   mockProject?: ClientProjectJson,
 }) {
   const stackApp = useStackApp();