From 8372e2c6fb89b2e8cda46febe3496749dbad932d Mon Sep 17 00:00:00 2001 From: Wes Date: Tue, 16 Jun 2026 20:07:25 -0700 Subject: [PATCH] fix(desktop): keep message markdown from overflowing rows Wrap long unbreakable tokens in rendered message paragraphs so markdown content cannot widen a message row past the timeline and push the hover action bar off-screen. Co-authored-by: Pinky <44b8e82baa6e0e254e0208d68f335c283c94e7b78dd1fa10d5a49d3f13dd0435@sprout-oss.stage.blox.sqprod.co> Signed-off-by: Wes --- desktop/src/shared/ui/markdown.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/desktop/src/shared/ui/markdown.tsx b/desktop/src/shared/ui/markdown.tsx index 3afd15aac..e10d2de20 100644 --- a/desktop/src/shared/ui/markdown.tsx +++ b/desktop/src/shared/ui/markdown.tsx @@ -959,10 +959,10 @@ function createMarkdownComponents( ): Components { const paragraphClassName = variant === "tight" - ? "leading-5" + ? "[overflow-wrap:anywhere] leading-5" : variant === "compact" - ? "leading-6" - : "leading-7"; + ? "[overflow-wrap:anywhere] leading-6" + : "[overflow-wrap:anywhere] leading-7"; const listItemClassName = variant === "tight" ? "my-0.5 [&_p]:inline" : "my-1 [&_p]:inline"; const listClassName =