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 <wesbillman@users.noreply.github.com>
This commit is contained in:
Wes
2026-06-16 21:22:39 -07:00
co-authored by Pinky
parent d879fac4c4
commit 8372e2c6fb
+3 -3
View File
@@ -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 =