fix code blocks

Jayanaka-98 · Jayanaka-98 · commit 287a98abeae6 · 2026-06-23T10:10:45.000-04:00
diff --git a/styles/prose.css b/styles/prose.css
@@ -593,7 +593,11 @@
     color: var(--text);
 }
 .runnable-editor-host .CodeMirror-gutters {
-    background: transparent;
+    /* Opaque, matching the editor background — the gutter is pinned (fixedGutter)
+       while the code scrolls under it. A transparent gutter let horizontally
+       scrolled code bleed through behind the line numbers, looking like a
+       collision. An opaque fill keeps the number column clean during h-scroll. */
+    background: var(--code-bg);
     border-right: 1px solid var(--code-border);
 }
 .runnable-editor-host .CodeMirror-linenumber {

Original file line number	Diff line number	Diff line change
`@@ -593,7 +593,11 @@`
`593`	`593`	`color: var(--text);`
`594`	`594`	`}`
`595`	`595`	`.runnable-editor-host .CodeMirror-gutters {`
`596`		`- background: transparent;`
	`596`	`+ /* Opaque, matching the editor background — the gutter is pinned (fixedGutter)`
	`597`	`+ while the code scrolls under it. A transparent gutter let horizontally`
	`598`	`+ scrolled code bleed through behind the line numbers, looking like a`
	`599`	`+ collision. An opaque fill keeps the number column clean during h-scroll. */`
	`600`	`+ background: var(--code-bg);`
`597`	`601`	`border-right: 1px solid var(--code-border);`
`598`	`602`	`}`
`599`	`603`	`.runnable-editor-host .CodeMirror-linenumber {`