From ad2ac529d41cabdad2da49fd7b4a72b01f29ef4c Mon Sep 17 00:00:00 2001
From: "Tommy D. Rossi" <beats.by.morse@gmail.com>
Date: Sat, 21 Feb 2026 16:52:35 +0100
Subject: [PATCH] website: fix code block line number alignment when lineHeight
 prop differs from default

The CodeBlock component passes lineHeight to the parent <div> but the <code>
element was inheriting line-height: 1.85 from the Prism CSS rule
(code[class*="language-"]) which has higher specificity than inheritance.
This caused line numbers and code lines to drift apart when a custom
lineHeight was passed (e.g. the architecture diagram at 1.5).

Fix: pass lineHeight as inline style on <code> so it overrides the CSS rule.
Also reduce diagram block line-height from 1.5 to 1.3 for tighter rendering.
---
 website/src/components/markdown.tsx | 2 +-
 website/src/routes/_index.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/src/components/markdown.tsx b/website/src/components/markdown.tsx
index a234484..88a74b0 100644
--- a/website/src/components/markdown.tsx
+++ b/website/src/components/markdown.tsx
@@ -405,7 +405,7 @@ export function CodeBlock({ children, lang = "jsx", lineHeight = "1.85" }: { chi
             <code
               ref={codeRef}
               className={`language-${lang}`}
-              style={{ whiteSpace: "pre", background: "none", padding: 0 }}
+              style={{ whiteSpace: "pre", background: "none", padding: 0, lineHeight }}
             >
               {children}
             </code>
diff --git a/website/src/routes/_index.tsx b/website/src/routes/_index.tsx
index c8764ff..e018281 100644
--- a/website/src/routes/_index.tsx
+++ b/website/src/routes/_index.tsx
@@ -162,7 +162,7 @@ export default function IndexPage() {
           no flags, no special setup.
         </P>
 
-        <CodeBlock lang="bash" lineHeight="1.5">{dedent`
+        <CodeBlock lang="bash" lineHeight="1.3">{dedent`
         ┌─────────────────────┐     ┌──────────────────────┐     ┌─────────────────┐
         │   BROWSER           │     │   LOCALHOST          │     │   CLIENT        │
         │                     │     │                      │     │                 │