From 23a1730106616a75a67ffd73a09493f8e1165d65 Mon Sep 17 00:00:00 2001
From: HeetVekariya <heetvekariya50@gmail.com>
Date: Fri, 8 Dec 2023 20:36:12 +0530
Subject: [PATCH] fix: API docs text overflow

---
 frontend/src/conversation/ConversationBubble.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index 1d7c856..e9de78a 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -244,8 +244,8 @@ const ConversationBubble = forwardRef<
                       ? 'rgba(125, 84, 209, 0.3)'
                       : '#EEEEEE'
                     : isLikeClicked
-                      ? 'rgba(125, 84, 209, 0.3)'
-                      : '#ffffff',
+                    ? 'rgba(125, 84, 209, 0.3)'
+                    : '#ffffff',
                 }}
               >
                 <Like
@@ -283,8 +283,8 @@ const ConversationBubble = forwardRef<
                       ? 'rgba(248, 113, 113, 0.3)'
                       : '#EEEEEE'
                     : isDislikeClicked
-                      ? 'rgba(248, 113, 113, 0.3)'
-                      : '#ffffff',
+                    ? 'rgba(248, 113, 113, 0.3)'
+                    : '#ffffff',
                 }}
               >
                 <Dislike
@@ -313,7 +313,9 @@ const ConversationBubble = forwardRef<
             </p>
 
             <div className="m-2 rounded-xl border-2 border-gray-200 bg-white p-2">
-              <p className="text-black">{sources[openSource].text}</p>
+              <p className="text-break text-black">
+                {sources[openSource].text}
+              </p>
             </div>
           </div>
         )}