Prevent sublink styles from being overridden if applied

guardian · Oct 15, 2024 · 9579187 · 9579187
1 parent 2895fc7
commit 9579187
Showing 1 changed file with 21 additions and 21 deletions.
diff --git a/dotcom-rendering/src/components/CardHeadline.tsx b/dotcom-rendering/src/components/CardHeadline.tsx
@@ -301,27 +301,27 @@ export const CardHeadline = ({
 				className={`${
 					isSublink ? 'card-sublink-headline' : 'card-headline'
 				}`}
-				css={[
-					format.theme !== ArticleSpecial.Labs &&
-						fontStylesOnMobile({
-							size: sizeOnMobile ?? size,
-							boostedFontSizes,
-						}),
-
-					format.theme !== ArticleSpecial.Labs &&
-						fontStylesOnTablet({
-							size: sizeOnTablet,
-							boostedFontSizes,
-						}),
-					format.theme === ArticleSpecial.Labs
-						? labTextStyles(size)
-						: fontStyles({ size, boostedFontSizes }),
-					isSublink &&
-						size === 'tiny' &&
-						css`
-							${textSans14}
-						`,
-				]}
+				css={
+					isSublink && size === 'tiny'
+						? css`
+								${textSans14}
+						  `
+						: [
+								format.theme !== ArticleSpecial.Labs &&
+									fontStylesOnMobile({
+										size: sizeOnMobile ?? size,
+										boostedFontSizes,
+									}),
+								format.theme !== ArticleSpecial.Labs &&
+									fontStylesOnTablet({
+										size: sizeOnTablet,
+										boostedFontSizes,
+									}),
+								format.theme === ArticleSpecial.Labs
+									? labTextStyles(size)
+									: fontStyles({ size, boostedFontSizes }),
+						  ]
+				}
 			>
 				{!!kickerText && (
 					<Kicker