diff --git a/docs-site/app/global.css b/docs-site/app/global.css
index d9570d79..b1e3a4e9 100644
--- a/docs-site/app/global.css
+++ b/docs-site/app/global.css
@@ -188,6 +188,24 @@ pre {
   border-radius: 0 !important;
 }
 
+.ktx-code code {
+  display: grid;
+  min-width: max-content;
+  padding: 0 !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+  font-size: inherit !important;
+  line-height: inherit !important;
+  color: inherit;
+}
+
+.ktx-code .line {
+  display: block;
+  min-height: 1.7em;
+  padding-inline: 0 !important;
+}
+
 /* Neutralize the outer figure styling that our wrapper now owns */
 figure:has(> .ktx-code),
 figure[data-rehype-pretty-code-figure]:has(.ktx-code) {
diff --git a/docs-site/components/code-block.tsx b/docs-site/components/code-block.tsx
index 37c7a44e..d8045a5c 100644
--- a/docs-site/components/code-block.tsx
+++ b/docs-site/components/code-block.tsx
@@ -60,7 +60,7 @@ export function CodeBlock(props: Props) {
   // Mode A — Terminal
   if (isTerminal) {
     return (
-      <div className="ktx-code ktx-code-terminal group">
+      <div className="not-prose ktx-code ktx-code-terminal group">
         <div className="ktx-code-terminal-head">
           <span className="ktx-tl-dot" style={{ background: "#ff5f57" }} />
           <span className="ktx-tl-dot" style={{ background: "#febc2e" }} />
@@ -83,7 +83,7 @@ export function CodeBlock(props: Props) {
   // Mode B — VS Code tab (filename present)
   if (hasTitle) {
     return (
-      <div className="ktx-code ktx-code-tab group">
+      <div className="not-prose ktx-code ktx-code-tab group">
         <div className="ktx-code-tab-head">
           <span className="ktx-file-glyph" data-lang={language ?? ""} />
           <span className="ktx-code-tab-filename">{title}</span>
@@ -99,7 +99,7 @@ export function CodeBlock(props: Props) {
 
   // Mode C — Minimal default
   return (
-    <div className="ktx-code ktx-code-minimal group relative">
+    <div className="not-prose ktx-code ktx-code-minimal group relative">
       {language && <span className="ktx-code-minimal-lang">{language}</span>}
       <CopyButton text={codeText} className="ktx-code-minimal-copy" />
       <pre {...rest} className="ktx-code-body ktx-code-body-minimal">