From 58de0df24bd226291e9db0cdcc8c42ce0f2bed5e Mon Sep 17 00:00:00 2001
From: asepharyana <superaseph@gmail.com>
Date: Thu, 2 Jul 2026 06:53:27 +0700
Subject: [PATCH] =?UTF-8?q?fix(ui):=20chat=20bubble=20text=20wrapping=20?=
 =?UTF-8?q?=E2=80=94=20replace=20break-words=20with=20overflow-wrap:anywhe?=
 =?UTF-8?q?re?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes MascotChatbot messages wrapping 1 character per line.
overflow-wrap:anywhere handles long unbroken strings better
than break-words which only breaks at word boundaries.
---
 services/frontend/src/widgets/mascot/MascotChatbot.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/services/frontend/src/widgets/mascot/MascotChatbot.tsx b/services/frontend/src/widgets/mascot/MascotChatbot.tsx
index 2479aba..d3cc9bb 100644
--- a/services/frontend/src/widgets/mascot/MascotChatbot.tsx
+++ b/services/frontend/src/widgets/mascot/MascotChatbot.tsx
@@ -188,7 +188,7 @@ export function MascotChatbot({
                   )}
                   <div
                     className={cn(
-                      "max-w-xs px-3 py-2 rounded-xl text-sm break-words leading-relaxed",
+                      "max-w-xs px-3 py-2 rounded-xl text-sm leading-relaxed [overflow-wrap:anywhere]",
                       message.role === "user"
                         ? "bg-[#23a1eb] text-white rounded-br-[4px]"
                         : "bg-[#f5f5f5] text-[#1a1a1a] rounded-bl-[4px]",