diff --git a/packages/components/src/truncate/hook.ts b/packages/components/src/truncate/hook.ts index 440865a596432..940e3b0127b08 100644 --- a/packages/components/src/truncate/hook.ts +++ b/packages/components/src/truncate/hook.ts @@ -57,7 +57,7 @@ export default function useTruncate( // breaks even when it contains 'unbreakable' content such as long URLs. // See https://github.com/WordPress/gutenberg/issues/60860. const truncateLines = css` - word-break: break-all; + ${ numberOfLines === 1 ? 'word-break: break-all;' : '' } -webkit-box-orient: vertical; -webkit-line-clamp: ${ numberOfLines }; display: -webkit-box;