From 437bd13fd03679f1f8a6caeb7826e389b46fa54b Mon Sep 17 00:00:00 2001
From: Arnab Ghosh <arnabsonu2@gmail.com>
Date: Thu, 5 Oct 2023 14:44:18 +0530
Subject: [PATCH] Fixed Overflowing Text message when user passed a very long
 string without spaces

---
 frontend/src/conversation/ConversationBubble.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index 65b5fbe..2793a9b 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -43,7 +43,7 @@ const ConversationBubble = forwardRef<
       <div ref={ref} className={`flex flex-row-reverse self-end ${className}`}>
         <Avatar className="mt-2 text-2xl" avatar="🧑‍💻"></Avatar>
         <div className="mr-2 ml-10 flex items-center rounded-3xl bg-blue-1000 p-3.5 text-white">
-          <ReactMarkdown className="whitespace-pre-wrap break-words">
+          <ReactMarkdown className="whitespace-pre-wrap break-all">
             {message}
           </ReactMarkdown>
         </div>