Merge pull request #13022 from guardian/doml/big-six-padding

Big Six AB test: Adds padding above top row
guardian · Dec 17, 2024 · 5a69638 · 5a69638
2 parents acc3eca + e32d554
commit 5a69638
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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%">