fix native ad centering by keeping the old iframe margin:auto in for ad slot content (#14668)

cemms1 · web-flow · commit 25704d445b60 · 2025-10-10T17:27:52.000+01:00
diff --git a/dotcom-rendering/src/lib/adStyles.ts b/dotcom-rendering/src/lib/adStyles.ts
@@ -71,6 +71,9 @@ const adSlotStyles = css`
 			/* iframes are inline by default, so we need to set them to block to avoid the same whitespace quirk mentioned in the above comment */
 			iframe {
 				display: block;
+				/* Centre the content within this element */
+				margin-left: auto;
+				margin-right: auto;
 			}
 		}
 

Original file line number	Diff line number	Diff line change
@@ -71,6 +71,9 @@ const adSlotStyles = css`
`71`	`71`	`/* iframes are inline by default, so we need to set them to block to avoid the same whitespace quirk mentioned in the above comment */`
`72`	`72`	`iframe {`
`73`	`73`	`display: block;`
	`74`	`+ /* Centre the content within this element */`
	`75`	`+ margin-left: auto;`
	`76`	`+ margin-right: auto;`
`74`	`77`	`}`
`75`	`78`	`}`
`76`	`79`