diff --git a/frontend/src/assets/styles/index.css b/frontend/src/assets/styles/index.css
index 25f124a..861f20f 100644
--- a/frontend/src/assets/styles/index.css
+++ b/frontend/src/assets/styles/index.css
@@ -171,6 +171,10 @@ body {
   color: var(--text-color);
 }
 
+.message {
+  word-wrap: anywhere;
+}
+
 
 
 
diff --git a/frontend/src/components/Video/ChatPanel.tsx b/frontend/src/components/Video/ChatPanel.tsx
index 9bc0314..f3caaf6 100644
--- a/frontend/src/components/Video/ChatPanel.tsx
+++ b/frontend/src/components/Video/ChatPanel.tsx
@@ -177,7 +177,7 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
                 </span>
               </div>
               {/* Message content */}
-              <div className="w-full text-[0.9em] mt-0.5em flex flex-col overflow-hidden break-words">
+              <div className="message w-full text-[0.9em] mt-0.5em flex flex-col overflow-hidden" >
                 {msg.message}
               </div>
             </div>