From 3d4f590c8db3bc1c4f891ae25e0f6e287de394f2 Mon Sep 17 00:00:00 2001
From: DanielCliftonGuardian
 <110032454+DanielCliftonGuardian@users.noreply.github.com>
Date: Tue, 15 Sep 2026 11:35:49 +0100
Subject: [PATCH] =?UTF-8?q?Fix=20advert=20overlap=20in=20Puzzles=20hub?=
 =?UTF-8?q?=E2=80=99s=20most-pop=20section?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/PuzzlesSupporting.tsx           | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/dotcom-rendering/src/components/PuzzlesSupporting.tsx b/dotcom-rendering/src/components/PuzzlesSupporting.tsx
index af2d6af9961..3f15a3e49a5 100644
--- a/dotcom-rendering/src/components/PuzzlesSupporting.tsx
+++ b/dotcom-rendering/src/components/PuzzlesSupporting.tsx
@@ -103,7 +103,6 @@ const newsletterStyles = css`
 `;
 
 const popularContentStyles = css`
-	position: relative;
 	display: block;
 	width: 100%;
 	min-width: 0;
@@ -111,8 +110,9 @@ const popularContentStyles = css`
 	border-top: 1px solid ${borderColour};
 
 	${from.desktop} {
-		&:has(.ad-slot__content) {
-			padding-right: 320px;
+		&:has([data-puzzles-ad='mostpop']) {
+			display: grid;
+			grid-template-columns: minmax(0, 1fr) 320px;
 		}
 	}
 `;
@@ -203,17 +203,9 @@ const mostPopAdStyles = css`
 
 	${from.desktop} {
 		display: block;
-		position: absolute;
-		top: 0;
-		right: 0;
 		width: 320px;
 		box-sizing: border-box;
 		padding: ${space[6]}px ${space[3]}px;
-		pointer-events: none;
-
-		&:has(.ad-slot__content) {
-			pointer-events: auto;
-		}
 	}
 `;