diff --git a/packages/web/components/elements/Button.tsx b/packages/web/components/elements/Button.tsx
index fe3691e0f..69eb8ac72 100644
--- a/packages/web/components/elements/Button.tsx
+++ b/packages/web/components/elements/Button.tsx
@@ -49,7 +49,7 @@ export const Button = styled('button', {
           background: `#0056D2`,
         },
       },
-      ctaGray: {
+      ctaSubtle: {
         borderRadius: '5px',
         px: '10px',
         py: '8px',
diff --git a/packages/web/pages/justread/index.tsx b/packages/web/pages/justread/index.tsx
index ddd9b31aa..c81abe53b 100644
--- a/packages/web/pages/justread/index.tsx
+++ b/packages/web/pages/justread/index.tsx
@@ -312,7 +312,7 @@ const SubscriptionSourceHoverContent = (
         </SpanBox>
         <SpanBox css={{ ml: 'auto', minWidth: '100px' }}>
           {subscription && subscription.status == 'ACTIVE' && (
-            <Button style="ctaGray" css={{ fontSize: '12px' }}>
+            <Button style="ctaSubtle" css={{ fontSize: '12px' }}>
               + Unsubscribe
             </Button>
           )}