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}
     />