From 80e115fba54448075a0b327736bd132269d63248 Mon Sep 17 00:00:00 2001
From: Kevin Ansfield <kevin@lookingsideways.co.uk>
Date: Tue, 4 Jun 2024 09:46:44 +0100
Subject: [PATCH] Fixed subtitle preview not respecting body font

closes https://linear.app/tryghost/issue/MOM-189
---
 .../settings/email/newsletters/NewsletterPreviewContent.tsx  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx b/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx
index 8072cb5213..abf2f490fa 100644
--- a/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx
+++ b/apps/admin-x-settings/src/components/settings/email/newsletters/NewsletterPreviewContent.tsx
@@ -135,7 +135,10 @@ const NewsletterPreviewContent: React.FC<{
                                         Your email newsletter
                                     </h2>
                                     {(hasNewsletterSubtitle && showSubhead) && (
-                                        <p className="mb-5 text-pretty text-[1.6rem] leading-[1.7] text-black">A subtitle to highlight key points and engage your readers</p>
+                                        <p className={clsx(
+                                            'mb-5 text-pretty text-[1.6rem] leading-[1.7] text-black',
+                                            bodyFontCategory === 'serif' && 'font-serif'
+                                        )}>A subtitle to highlight key points and engage your readers</p>
                                     )}
                                     <div className={clsx(
                                         'flex w-full justify-between text-center text-md leading-none text-grey-700',