diff --git a/components/src/Breakout/Breakout.stories.svelte b/components/src/Breakout/Breakout.stories.svelte
index a305e83..690bedd 100644
--- a/components/src/Breakout/Breakout.stories.svelte
+++ b/components/src/Breakout/Breakout.stories.svelte
@@ -15,6 +15,8 @@
 
 <Story name="Default" asChild>
 	<DevContainer
+		paragraphsAbove={1}
+		paragraphsBelow={1}
 		title="Autokauf-Dilemma: Elektroautos teuer, Verbrenner bald auch"
 		showPlayer={false}
 		showGrid
diff --git a/components/src/Breakout/Breakout.svelte b/components/src/Breakout/Breakout.svelte
index 3a6c1ca..7323bb3 100644
--- a/components/src/Breakout/Breakout.svelte
+++ b/components/src/Breakout/Breakout.svelte
@@ -40,10 +40,6 @@
 			width: calc(var(--column-width) * 10 + var(--column-gap) * 9);
 			margin-left: calc((var(--column-width) * -1) + (var(--column-gap)) * -1);
 		}
-		@media (min-width: 1440px) {
-			width: calc(var(--column-width) * 8 + var(--column-gap) * 7);
-			margin-left: calc((var(--column-width) * -1) + (var(--column-gap)) * -1);
-		}
 	}
 	.large {
 		@media (min-width: 640px) {
@@ -54,10 +50,6 @@
 			width: calc(var(--column-width) * 12 + var(--column-gap) * 11);
 			margin-left: calc((var(--column-width) * -2 + var(--column-gap) * -2));
 		}
-		@media (min-width: 1440px) {
-			width: calc(var(--column-width) * 10 + var(--column-gap) * 11);
-			margin-left: calc((var(--column-width) * -2 + var(--column-gap) * -3));
-		}
 	}
 	.bleed {
 		width: 100vw;
@@ -72,8 +64,5 @@
 		@media (min-width: 1024px) {
 			margin-left: calc(var(--column-width) * -2 + (var(--column-gap)) * -2 - var(--margin) * 1);
 		}
-		@media (min-width: 1440px) {
-			margin-left: calc(var(--column-width) * -3 + (var(--column-gap)) * -3 - var(--margin) * 1);
-		}
 	}
 </style>
diff --git a/components/src/DevContainer/DevContainer.stories.svelte b/components/src/DevContainer/DevContainer.stories.svelte
index e9daa99..1e74bdf 100644
--- a/components/src/DevContainer/DevContainer.stories.svelte
+++ b/components/src/DevContainer/DevContainer.stories.svelte
@@ -13,7 +13,7 @@
 </script>
 
 <Story name="Default" asChild>
-	<DevContainer theme="light" paragraphsAbove={2} paragraphsBelow={2}>
+	<DevContainer theme="light" paragraphsAbove={2} paragraphsBelow={2} showGrid>
 		<DesignTokens>
 			<div class="chart">your chart here</div>
 		</DesignTokens>
diff --git a/components/src/DevContainer/DevContainer.svelte b/components/src/DevContainer/DevContainer.svelte
index 38f0781..90a69bb 100644
--- a/components/src/DevContainer/DevContainer.svelte
+++ b/components/src/DevContainer/DevContainer.svelte
@@ -288,9 +288,6 @@
 		@media (min-width: 1024px) {
 			grid-column: 3 / 11;
 		}
-		@media (min-width: 1440px) {
-			grid-column: 4/10;
-		}
 	}
 	.article-header {
 		margin-bottom: 24px;
@@ -302,9 +299,6 @@
 		@media (min-width: 1024px) {
 			grid-column: 3 / 11;
 		}
-		@media (min-width: 1440px) {
-			grid-column: 4 / 10;
-		}
 	}
 	.article-eyebrow {
 		font-size: 0.875rem;
@@ -400,8 +394,5 @@
 		@media (min-width: 1024px) {
 			grid-column: 3 / 11;
 		}
-		@media (min-width: 1440px) {
-			grid-column: 4/10;
-		}
 	}
 </style>