diff --git a/packages/web/components/elements/Button.tsx b/packages/web/components/elements/Button.tsx
index 48f11221a..5c956ba29 100644
--- a/packages/web/components/elements/Button.tsx
+++ b/packages/web/components/elements/Button.tsx
@@ -36,13 +36,13 @@ export const Button = styled('button', {
         '-webkit-box-sizing': 'border-box',
         borderColor: 'unset',
         border: '1px solid $omnivoreCtaYellow',
-        fontSize: '16px',
+        fontSize: '14px',
         fontWeight: 500,
         fontStyle: 'normal',
         fontFamily: 'Inter',
         borderRadius: '8px',
         cursor: 'pointer',
-        color: '$omnivoreGray',
+        color: '$utilityTextDefault',
         bg: 'transparent',
         p: '9px 12px',
       },
diff --git a/packages/web/components/templates/auth/EmailLogin.tsx b/packages/web/components/templates/auth/EmailLogin.tsx
index 45ed3b4bc..e0332c87a 100644
--- a/packages/web/components/templates/auth/EmailLogin.tsx
+++ b/packages/web/components/templates/auth/EmailLogin.tsx
@@ -85,7 +85,7 @@ export function EmailLogin(): JSX.Element {
             height: '80px',
           }}
         >
-          <Button style={'ctaOutlineYellow'} css={{ borderColor: '$omnivoreLightGray' }} type="button" onClick={async (event) => {
+          <Button style={'ctaOutlineYellow'} css={{ color: '$omnivoreGray', borderColor: '$omnivoreLightGray' }} type="button" onClick={async (event) => {
               window.localStorage.removeItem('authVerified')
               window.localStorage.removeItem('authToken')
               try {
diff --git a/packages/web/components/templates/auth/EmailSignup.tsx b/packages/web/components/templates/auth/EmailSignup.tsx
index 840aea7eb..6a5c3259d 100644
--- a/packages/web/components/templates/auth/EmailSignup.tsx
+++ b/packages/web/components/templates/auth/EmailSignup.tsx
@@ -148,7 +148,7 @@ export function EmailSignup(): JSX.Element {
             height: '80px',
           }}
         >
-          <Button style={'ctaOutlineYellow'} css={{ borderColor: 'rgba(0, 0, 0, 0.06)' }} type="button" onClick={async (event) => {
+          <Button style={'ctaOutlineYellow'} css={{ color: '$omnivoreGray', borderColor: 'rgba(0, 0, 0, 0.06)' }} type="button" onClick={async (event) => {
               window.localStorage.removeItem('authVerified')
               window.localStorage.removeItem('authToken')
               try {