From 54bff6b1206b9750c026bfb3f26ec471c88d73f8 Mon Sep 17 00:00:00 2001
From: Adam <2363879+adamdotdevin@users.noreply.github.com>
Date: Tue, 11 Nov 2025 09:22:35 -0600
Subject: [PATCH] fix(desktop): code/diff number container width

---
 packages/ui/src/components/code.tsx | 1 +
 packages/ui/src/components/diff.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/ui/src/components/code.tsx b/packages/ui/src/components/code.tsx
index 06541fe4..a301e34c 100644
--- a/packages/ui/src/components/code.tsx
+++ b/packages/ui/src/components/code.tsx
@@ -42,6 +42,7 @@ export function Code<T>(props: CodeProps<T>) {
         "--pjs-font-features": "var(--font-family-mono--font-feature-settings)",
         "--pjs-header-font-family": "var(--font-family-sans)",
         "--pjs-gap-block": 0,
+        "--pjs-min-number-column-width": "4ch",
       }}
       classList={{
         ...(local.classList || {}),
diff --git a/packages/ui/src/components/diff.tsx b/packages/ui/src/components/diff.tsx
index d0c0036e..d0d42749 100644
--- a/packages/ui/src/components/diff.tsx
+++ b/packages/ui/src/components/diff.tsx
@@ -167,6 +167,7 @@ export function Diff<T>(props: DiffProps<T>) {
         "--pjs-font-features": "var(--font-family-mono--font-feature-settings)",
         "--pjs-header-font-family": "var(--font-family-sans)",
         "--pjs-gap-block": 0,
+        "--pjs-min-number-column-width": "4ch",
       }}
       ref={container}
     />