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