From bb9809d5090494f50f38e651d19f29d73c0df2ea Mon Sep 17 00:00:00 2001
From: Dominik Lander <dominik.lander@guardian.co.uk>
Date: Thu, 26 Mar 2026 16:48:20 +0000
Subject: [PATCH] Remove front container check from FrontSection

---
 .../src/components/FrontSection.tsx           | 36 +++++--------------
 1 file changed, 8 insertions(+), 28 deletions(-)

diff --git a/dotcom-rendering/src/components/FrontSection.tsx b/dotcom-rendering/src/components/FrontSection.tsx
index d941af44b61..658286ebbce 100644
--- a/dotcom-rendering/src/components/FrontSection.tsx
+++ b/dotcom-rendering/src/components/FrontSection.tsx
@@ -463,15 +463,7 @@ const sideBorders = css`
 	}
 `;
 
-const topBorder = css`
-	border-top-style: solid;
-`;
-
-const bottomPadding = css`
-	padding-bottom: ${space[9]}px;
-`;
-
-const bottomPaddingFrontContainer = (
+const bottomPadding = (
 	useLargeSpacingMobile: boolean,
 	useLargeSpacingDesktop: boolean,
 ) => css`
@@ -645,7 +637,6 @@ export const FrontSection = ({
 }: Props) => {
 	const isToggleable = toggleable && !!sectionId;
 	const showVerticalRule = !hasPageSkin;
-	const isFrontContainer = containerLevel !== undefined;
 
 	const useLargeSpacingMobile = !!isNextCollectionPrimary || isAboveMobileAd;
 	const useLargeSpacingDesktop =
@@ -684,7 +675,7 @@ export const FrontSection = ({
 					),
 				}}
 			>
-				{isFrontContainer && showTopBorder && (
+				{showTopBorder && (
 					<div
 						css={[
 							containerLevel === 'Primary' &&
@@ -705,13 +696,7 @@ export const FrontSection = ({
 					/>
 				)}
 
-				<div
-					css={[
-						decoration,
-						sideBorders,
-						showTopBorder && !isFrontContainer && topBorder,
-					]}
-				/>
+				<div css={[decoration, sideBorders]} />
 
 				{isLabs ? (
 					<div
@@ -737,7 +722,6 @@ export const FrontSection = ({
 								title?.toLowerCase() === 'opinion',
 							),
 							showVerticalRule &&
-								!isFrontContainer &&
 								sectionHeadlineFromLeftCol(
 									schemePalette('--section-border'),
 								),
@@ -800,9 +784,7 @@ export const FrontSection = ({
 						sectionContentHorizontalMargins,
 						sectionContentRow(toggleable),
 						topPadding,
-						showVerticalRule &&
-							isFrontContainer &&
-							sectionContentBorderFromLeftCol,
+						showVerticalRule && sectionContentBorderFromLeftCol,
 						slimifySectionForSlimHomepageAbTest &&
 							slimHomepageRightBorderStyles,
 					]}
@@ -856,12 +838,10 @@ export const FrontSection = ({
 						sectionBottomContent,
 						slimifySectionForSlimHomepageAbTest &&
 							slimSectionBottomContent,
-						isFrontContainer
-							? bottomPaddingFrontContainer(
-									useLargeSpacingMobile,
-									useLargeSpacingDesktop,
-							  )
-							: bottomPadding,
+						bottomPadding(
+							useLargeSpacingMobile,
+							useLargeSpacingDesktop,
+						),
 					]}
 				>
 					{isString(targetedTerritory) &&