From 6c0c85686860d694c4888bed39509d44694e9804 Mon Sep 17 00:00:00 2001
From: Charlotte Emms <43961396+cemms1@users.noreply.github.com>
Date: Thu, 9 Jan 2025 17:07:04 +0000
Subject: [PATCH] Override line height for sans headlines (used on labs
 content) (#13115)

---
 .../src/components/CardHeadline.tsx           | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/dotcom-rendering/src/components/CardHeadline.tsx b/dotcom-rendering/src/components/CardHeadline.tsx
index 002ae14062..875ae536bf 100644
--- a/dotcom-rendering/src/components/CardHeadline.tsx
+++ b/dotcom-rendering/src/components/CardHeadline.tsx
@@ -117,17 +117,18 @@ const fontFamilies = {
 		xxxsmall: headlineLight15,
 		tiny: headlineLight14,
 	},
+	/** Line height for sans style headlines for labs is overridden to match that of other headlines (1.15) */
 	textSans: {
-		xxxlarge: textSans20,
-		xxlarge: textSans20,
-		xlarge: textSans20,
-		large: textSans20,
-		medium: textSans20,
-		small: textSans20,
-		xsmall: textSans20,
-		xxsmall: textSans17,
-		xxxsmall: textSans15,
-		tiny: textSans12,
+		xxxlarge: `${textSans20}\n\tline-height: 1.15;\n`,
+		xxlarge: `${textSans20}\n\tline-height: 1.15;\n`,
+		xlarge: `${textSans20}\n\tline-height: 1.15;\n`,
+		large: `${textSans20}\n\tline-height: 1.15;\n`,
+		medium: `${textSans20}\n\tline-height: 1.15;\n`,
+		small: `${textSans20}\n\tline-height: 1.15;\n`,
+		xsmall: `${textSans20}\n\tline-height: 1.15;\n`,
+		xxsmall: `${textSans17}\n\tline-height: 1.15;\n`,
+		xxxsmall: `${textSans15}\n\tline-height: 1.15;\n`,
+		tiny: `${textSans12}\n\tline-height: 1.15;\n`,
 	},
 } as const;