Update MessageBubble component to adjust Markdown styling and improve responsiveness

src/components/MessageBubble.tsx

@@ -336,7 +336,6 @@ export default function Message(props: { messageIndex: number }) {
             ) : chat.tool_calls ? (
               <MessageToolCall chat={chat} copyToClipboard={copyToClipboard} />
             ) : renderMarkdown ? (
-              <div className="max-w-full md:max-w-[100%]">
               <Markdown
                 remarkPlugins={[remarkMath]}
                 rehypePlugins={[rehypeKatex]}
@@ -362,11 +361,10 @@ export default function Message(props: { messageIndex: number }) {
                 //     "pre",
                 //   ].includes(element.tagName);
                 // }}
-                  className={"prose"}
+                className={"prose max-w-none md:max-w-[75%]"}
               >
                 {getMessageText(chat)}
               </Markdown>
-              </div>
             ) : (
               <div className="message-content max-w-full md:max-w-[100%]">
                 {chat.content &&