diff --git a/dotcom-rendering/src/components/PuzzlesDirectory.tsx b/dotcom-rendering/src/components/PuzzlesDirectory.tsx
index b3114920b42..031dd8535b4 100644
--- a/dotcom-rendering/src/components/PuzzlesDirectory.tsx
+++ b/dotcom-rendering/src/components/PuzzlesDirectory.tsx
@@ -395,8 +395,7 @@ const nestedStyles = (span: number) => css`
 `;
 
 const adStyles = css`
-	max-width: 1300px;
-	margin: 0 auto;
+	width: 100%;
 	overflow: hidden;
 	background: ${palette.neutral[97]};
 `;
diff --git a/dotcom-rendering/src/layouts/PuzzlesLayout.test.tsx b/dotcom-rendering/src/layouts/PuzzlesLayout.test.tsx
index 5f7b36d454e..18abf106b7f 100644
--- a/dotcom-rendering/src/layouts/PuzzlesLayout.test.tsx
+++ b/dotcom-rendering/src/layouts/PuzzlesLayout.test.tsx
@@ -47,7 +47,7 @@ describe('PuzzlesLayout', () => {
 		).not.toBeInTheDocument();
 	});
 
-	it('keeps global chrome while respecting ad-free input', () => {
+	it('renders both header slots without experiment participation and respects ad-free input', () => {
 		const { rerender } = render(
 			<PuzzlesLayout NAV={nav} puzzlesPage={page(true) as never} />,
 		);
@@ -62,7 +62,7 @@ describe('PuzzlesLayout', () => {
 		).toBeInTheDocument();
 		expect(
 			document.getElementById('dfp-ad--mobile-above-nav'),
-		).not.toBeInTheDocument();
+		).toBeInTheDocument();
 	});
 	it('renders the illustrated header with responsive sources and a fixed height', () => {
 		render(<PuzzlesLayout NAV={nav} puzzlesPage={page() as never} />);
diff --git a/dotcom-rendering/src/layouts/PuzzlesLayout.tsx b/dotcom-rendering/src/layouts/PuzzlesLayout.tsx
index a2ff837f0d2..43aa610715f 100644
--- a/dotcom-rendering/src/layouts/PuzzlesLayout.tsx
+++ b/dotcom-rendering/src/layouts/PuzzlesLayout.tsx
@@ -110,7 +110,7 @@ export const PuzzlesLayout = ({
 							padSides={false}
 							shouldCenter={false}
 						>
-							<HeaderAdSlot />
+							<HeaderAdSlot includeMobile={true} />
 						</Section>
 					</Stuck>
 				)}