Merge pull request #525 from Vaibhav91one/bug/text-out-of-screen

bug(front): The text seems to go out of screen when the result is too big.

frontend/src/conversation/ConversationBubble.tsx

@@ -84,7 +84,7 @@ const ConversationBubble = forwardRef<
               <img src={Alert} alt="alert" className="mr-2 inline" />
             )}
             <ReactMarkdown
-              className="whitespace-pre-wrap break-words"
+              className="max-w-screen-md whitespace-pre-wrap break-words"
               components={{
                 code({ node, inline, className, children, ...props }) {
                   const match = /language-(\w+)/.exec(className || '');