diff --git a/dotcom-rendering/playwright/tests/commercial.e2e.spec.ts b/dotcom-rendering/playwright/tests/commercial.e2e.spec.ts
index 61c96351056..db823202659 100644
--- a/dotcom-rendering/playwright/tests/commercial.e2e.spec.ts
+++ b/dotcom-rendering/playwright/tests/commercial.e2e.spec.ts
@@ -19,7 +19,7 @@ test.describe('Commercial E2E tests', () => {
 			'merchandising',
 		];
 
-		const totalSlotsExpected = 15; // All slots, even if unfilled ie. `display: none`
+		const totalSlotsExpected = 16; // All slots, even if unfilled ie. `display: none`
 		const inlineSlots = totalSlotsExpected - fixedSlots.length;
 
 		// We are excluding survey slot as they can be switched off
diff --git a/dotcom-rendering/src/components/DecideLines.tsx b/dotcom-rendering/src/components/DecideLines.tsx
index 5d356323691..ef90047f62b 100644
--- a/dotcom-rendering/src/components/DecideLines.tsx
+++ b/dotcom-rendering/src/components/DecideLines.tsx
@@ -3,6 +3,7 @@ import { palette } from '@guardian/source/foundations';
 import { StraightLines } from '@guardian/source-development-kitchen/react-components';
 import {
 	ArticleDesign,
+	ArticleDisplay,
 	type ArticleFormat,
 	Pillar,
 } from '../lib/articleFormat';
@@ -41,7 +42,12 @@ const DottedLines = ({
 );
 
 export const DecideLines = ({ format, color }: Props) => {
-	const count = format.design === ArticleDesign.Comment ? 8 : 4;
+	const count =
+		format.design === ArticleDesign.Comment
+			? 8
+			: format.display === ArticleDisplay.Immersive
+				? 1
+				: 4;
 
 	switch (format.theme) {
 		case Pillar.Sport:
diff --git a/dotcom-rendering/src/grid.ts b/dotcom-rendering/src/grid.ts
index a02e5c3f861..5e7a0111455 100644
--- a/dotcom-rendering/src/grid.ts
+++ b/dotcom-rendering/src/grid.ts
@@ -159,6 +159,7 @@ const outerRules = (color?: string): string => `
     &::before {
       grid-column: centre-column-start;
       transform: translateX(-${columnGap});
+	  z-index: 10;
 
       ${fromBreakpoint.leftCol} {
         grid-column: left-column-start;
@@ -169,6 +170,7 @@ const outerRules = (color?: string): string => `
     &::after {
       grid-column: right-column-end;
       transform: translateX(-1px);
+      z-index: 10;
 
       ${betweenBreakpoint.tablet.and.desktop} {
         grid-column: centre-column-end;