From 3c3b86eca29c96fda214171614c0ed572c6f3eb7 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Wed, 25 Mar 2026 15:00:45 -0700
Subject: [PATCH] Add minWidth: 0 to one line text

---
 src/components/Typography.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Typography.tsx b/src/components/Typography.tsx
index a33eaf1536..04b5e5499d 100644
--- a/src/components/Typography.tsx
+++ b/src/components/Typography.tsx
@@ -108,6 +108,10 @@ export function P({style, ...rest}: TextProps) {
 const numberOfLinesClippingFix = {
   overflowY: 'visible',
   overflowX: 'clip',
+  // mimic browser default behavior of `min-width: 0` on `overflow: hidden`
+  // elements to allow text to shrink smaller than its intrinsic width when
+  // necessary
+  minWidth: 0,
   // this is neater and supports vertical writing modes, but it's only baseline newly available
   // overflowInline: 'clip',
 } satisfies React.CSSProperties as TextStyleProp