From 416bd4a381abca409650b12e1a16d949ba9716bd Mon Sep 17 00:00:00 2001
From: Chris-1010 <122332721@umail.ucc.ie>
Date: Wed, 19 Feb 2025 23:05:13 +0000
Subject: [PATCH] FIX: Chat messages wrap;

---
 frontend/src/assets/styles/index.css        | 4 ++++
 frontend/src/components/Video/ChatPanel.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

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>