From 8077eb5cf662f84c854f44c4a58e8cebbb1cf4a4 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 17 Jun 2024 21:54:11 +0700
Subject: [PATCH] fix: handle long word without space to avoid right panel
 disappears (#3048)

---
 .../Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
index 43d2f02c9..e11482d0e 100644
--- a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
@@ -201,7 +201,7 @@ const SimpleTextMessage: React.FC<ThreadMessage> = (props) => {
           )}
       </div>
 
-      <div className={twMerge('w-full')}>
+      <div className={twMerge('w-full', !isUser && 'break-all')}>
         <>
           {props.content[0]?.type === ContentType.Image && (
             <div className="group/image relative mb-2 inline-flex cursor-pointer overflow-hidden rounded-xl">