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;
-		}
 	}
 `;