diff --git a/website/src/components/markdown.tsx b/website/src/components/markdown.tsx
index b13f9a8..b993f51 100644
--- a/website/src/components/markdown.tsx
+++ b/website/src/components/markdown.tsx
@@ -348,7 +348,7 @@ export function Li({ children }: { children: React.ReactNode }) {
Code block with Prism syntax highlighting and line numbers
========================================================================= */
-export function CodeBlock({ children, lang = "jsx" }: { children: string; lang?: string }) {
+export function CodeBlock({ children, lang = "jsx", lineHeight = "1.85" }: { children: string; lang?: string; lineHeight?: string }) {
const codeRef = useRef(null);
const lines = children.split("\n");
@@ -377,7 +377,7 @@ export function CodeBlock({ children, lang = "jsx" }: { children: string; lang?:
fontFamily: "var(--font-code)",
fontSize: "12px",
fontWeight: 400,
- lineHeight: "24px",
+ lineHeight,
letterSpacing: "normal",
color: "var(--text-primary)",
tabSize: 2,
diff --git a/website/src/routes/_index.tsx b/website/src/routes/_index.tsx
index 8cdb98e..049c8f2 100644
--- a/website/src/routes/_index.tsx
+++ b/website/src/routes/_index.tsx
@@ -150,7 +150,7 @@ export default function IndexPage() {
no flags, no special setup.
- {dedent`
+ {dedent`
┌─────────────────────┐ ┌──────────────────────┐ ┌─────────────────┐
│ BROWSER │ │ LOCALHOST │ │ CLIENT │
│ │ │ │ │ │
diff --git a/website/src/styles/editorial-prism.css b/website/src/styles/editorial-prism.css
index a7df4fe..2b1c695 100644
--- a/website/src/styles/editorial-prism.css
+++ b/website/src/styles/editorial-prism.css
@@ -22,7 +22,7 @@ pre[class*="language-"] {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.02em;
- line-height: 24px;
+ line-height: 1.85;
text-align: left;
white-space: pre;
word-spacing: normal;