diff --git a/dotcom-rendering/src/components/PuzzlesArchiveCalendar.island.tsx b/dotcom-rendering/src/components/PuzzlesArchiveCalendar.island.tsx index e53fb489756..60160bf70c8 100644 --- a/dotcom-rendering/src/components/PuzzlesArchiveCalendar.island.tsx +++ b/dotcom-rendering/src/components/PuzzlesArchiveCalendar.island.tsx @@ -2,7 +2,8 @@ import { css } from '@emotion/react'; import { from, headlineBold20, - headlineBold34, + headlineMedium28, + headlineMedium34, palette, space, textSans14, @@ -181,10 +182,12 @@ const tabsStyles = css` `; const titleStyles = css` - ${headlineBold34}; + ${headlineMedium28}; margin: ${space[3]}px 0 ${space[3]}px; color: var(--puzzles-headline-colour, ${palette.neutral[7]}); - line-height: 1.05; + ${from.tablet} { + ${headlineMedium34}; + } `; const recentStyles = css` diff --git a/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx b/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx index 0f36f5e3f21..4eaf76142d0 100644 --- a/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx +++ b/dotcom-rendering/src/layouts/PuzzlesArchiveLayout.tsx @@ -1,7 +1,8 @@ import { css } from '@emotion/react'; import { from, - headlineBold34, + headlineBold24, + headlineBold28, palette, space, textEgyptian17, @@ -87,11 +88,14 @@ const archiveGridStyles = css` const headingStyles = css` ${archiveGridStyles}; h1 { - ${headlineBold34}; + ${headlineBold24}; color: var(--puzzles-headline-colour); margin: 0; padding-top: ${space[2]}px; overflow-wrap: anywhere; + ${from.tablet} { + ${headlineBold28}; + } } p { ${textEgyptian17};