From e32d554be21d374dd27c8f135fd2bc65f750f42e Mon Sep 17 00:00:00 2001
From: Dominik Lander <dominik.lander@guardian.co.uk>
Date: Tue, 17 Dec 2024 10:54:54 +0000
Subject: [PATCH] Introduce padding above top row to match fronts container

---
 dotcom-rendering/src/components/BigSixOnwardsContent.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/dotcom-rendering/src/components/BigSixOnwardsContent.tsx b/dotcom-rendering/src/components/BigSixOnwardsContent.tsx
index b26ad0cd33..6f7217805e 100644
--- a/dotcom-rendering/src/components/BigSixOnwardsContent.tsx
+++ b/dotcom-rendering/src/components/BigSixOnwardsContent.tsx
@@ -32,6 +32,10 @@ const containerStyles = css`
 	}
 `;
 
+const cardsContainer = css`
+	padding-top: ${space[2]}px;
+`;
+
 const headerStyles = css`
 	${headlineBold24};
 	color: ${palette('--carousel-text')};
@@ -124,7 +128,7 @@ export const BigSixOnwardsContent = ({ url, discussionApiUrl }: Props) => {
 			<h2 css={mobileHeaderStyles}>
 				<span>{heading}</span>
 			</h2>
-			<div>
+			<div css={cardsContainer}>
 				<UL direction="row" padBottom={true}>
 					{firstSlice75.map((trail) => (
 						<LI key={trail.url} padSides={true} percentage="75%">