remove padSides on section for header, preferring to do so within the header component itself

cemms1 · cemms1 · commit 80b5b54a295b · 2026-02-25T17:51:17.000Z
diff --git a/dotcom-rendering/src/components/HostedContentHeader.tsx b/dotcom-rendering/src/components/HostedContentHeader.tsx
@@ -31,6 +31,10 @@ const headerWrapperStyles = css`
 	height: 48px;
 	color: ${sourcePalette.neutral[100]};
 
+	${from.mobileLandscape} {
+		padding: 0 20px;
+	}
+
 	${from.tablet} {
 		height: 58px;
 	}
diff --git a/dotcom-rendering/src/layouts/HostedArticleLayout.tsx b/dotcom-rendering/src/layouts/HostedArticleLayout.tsx
@@ -82,7 +82,7 @@ export const HostedArticleLayout = (props: WebProps | AppProps) => {
 						showTopBorder={false}
 						shouldCenter={false}
 						backgroundColour={sourcePalette.neutral[7]}
-						padSides={true}
+						padSides={false}
 						element="header"
 					>
 						<HostedContentHeader branding={branding} />

Original file line number	Diff line number	Diff line change
`@@ -82,7 +82,7 @@ export const HostedArticleLayout = (props: WebProps \| AppProps) => {`
`82`	`82`	`showTopBorder={false}`
`83`	`83`	`shouldCenter={false}`
`84`	`84`	`backgroundColour={sourcePalette.neutral[7]}`
`85`		`- padSides={true}`
	`85`	`+ padSides={false}`
`86`	`86`	`element="header"`
`87`	`87`	`>`
`88`	`88`	`<HostedContentHeader branding={branding} />`