From a03d3bb7761a8be8423f8b97936fc7e18cb04971 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_git@ketrenos.com>
Date: Fri, 18 Apr 2025 16:53:19 -0700
Subject: [PATCH] Scroll bar if markdown too wide

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

diff --git a/frontend/src/Message.tsx b/frontend/src/Message.tsx
index 4ca62d1..7581414 100644
--- a/frontend/src/Message.tsx
+++ b/frontend/src/Message.tsx
@@ -50,7 +50,7 @@ const Message = ({ message, submitQuery, isFullWidth }: MessageInterface) => {
   const formattedContent = message.content.trim();
 
   return (
-    <ChatBubble isFullWidth={isFullWidth} role={message.role} sx={{ flexGrow: 1, pb: message.metadata ? 0 : "8px", m: 0, mb: 1, mt: 1 }}>
+    <ChatBubble isFullWidth={isFullWidth} role={message.role} sx={{ flexGrow: 1, pb: message.metadata ? 0 : "8px", m: 0, mb: 1, mt: 1, overflowX: "auto" }}>
       <CardContent>
         {message.role !== 'user' ?
           <StyledMarkdown {...{ content: formattedContent, submitQuery }} />