diff --git a/studio/frontend/src/index.css b/studio/frontend/src/index.css
index 791bd749b9..354e741651 100644
--- a/studio/frontend/src/index.css
+++ b/studio/frontend/src/index.css
@@ -990,26 +990,24 @@
 	.aui-thread-root [data-streamdown="code-block"] {
 		content-visibility: visible !important;
 		contain-intrinsic-size: none !important;
+		/* Long lines inside fenced code blocks should scroll
+		 * horizontally within the block, not push the chat column
+		 * wider. Streamdown's default <pre> ships with
+		 * `overflow-x: visible` + `white-space: pre` +
+		 * `word-break: normal`, so an unbreakable run (long URL,
+		 * hex string, single-line curl command) escapes the
+		 * bubble to the right and reflows the message column.
+		 * Cap the wrapper width and clip overflow so the scrollbar
+		 * appears on the inner <pre> below. */
+		max-width: 100%;
+		overflow-x: hidden;
 	}
 	.aui-thread-root [data-streamdown="code-block"] [data-sd-animate] {
 		animation: none !important;
 	}
-
-	/* Long lines inside fenced code blocks should scroll horizontally
-	 * within the block, not push the chat column wider. Streamdown's
-	 * default <pre> ships with `overflow-x: visible` + `white-space:
-	 * pre` + `word-break: normal`, so an unbreakable run (long URL,
-	 * hex string, single-line curl command) escapes the bubble to the
-	 * right and reflows the message column. Switch the inner <pre> to
-	 * `overflow-x: auto` so the scrollbar appears on the code block
-	 * itself; the parent stays clipped so it cannot widen the bubble. */
 	.aui-thread-root [data-streamdown="code-block"] pre {
 		overflow-x: auto;
 	}
-	.aui-thread-root [data-streamdown="code-block"] {
-		max-width: 100%;
-		overflow-x: hidden;
-	}
 }
 
 /* Lighter shadow + tighter vertical padding than Sonner's defaults; !important because Sonner injects its base rules at runtime. */