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 }} />