From 0ae689dbfbdc0afb1f851e0c86e64cfbcb1843e9 Mon Sep 17 00:00:00 2001
From: James Morris <moreofmorris@users.noreply.github.com>
Date: Wed, 10 Aug 2022 15:09:46 +0100
Subject: [PATCH] Added a small tweak to CTAs on mobile

refs https://github.com/TryGhost/Team/issues/1754
---
 apps/comments-ui/src/components/CTABox.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/comments-ui/src/components/CTABox.js b/apps/comments-ui/src/components/CTABox.js
index b21da0a1a3..230e7703a8 100644
--- a/apps/comments-ui/src/components/CTABox.js
+++ b/apps/comments-ui/src/components/CTABox.js
@@ -27,7 +27,7 @@ const CTABox = (props) => {
             <h1 className={`mb-[8px] text-center text-black text-[24px] font-sans tracking-tight dark:text-[rgba(255,255,255,0.85)] ${props.isFirst ? 'font-semibold' : 'font-bold'}`}>
                 {titleText}
             </h1>
-            <p className="mb-[28px] px-8 max-w-screen-sm font-sans text-[16px] text-center leading-normal text-neutral-600 dark:text-[rgba(255,255,255,0.85)]">
+            <p className="mb-[28px] px-0 sm:px-8 max-w-screen-sm font-sans text-[16px] text-center leading-normal text-neutral-600 dark:text-[rgba(255,255,255,0.85)]">
                 Become a {props.isPaid && 'paid'} member of <span className="font-semibold">{publication}</span> to start commenting.
             </p>
             <button onClick={handleSignUpClick} className="mb-[12px] text-white font-san py-[14px] px-5 rounded inline-block font-medium leading-none hover:opacity-90 transition-all" style={buttonStyle}>