From 2162055de21a32af01dd92d882ed3f69f7608c0e Mon Sep 17 00:00:00 2001
From: Lao <laodanfeng@hotmail.com>
Date: Fri, 18 Oct 2024 00:50:26 +0800
Subject: [PATCH] Fix dialog boxes extending beyond the window (#1446)

Closes #1422.

Co-authored-by: laodanfeng <laodanfeng@hotmai.com>
---
 frontend/src/components/molecules/messages/Message.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/molecules/messages/Message.tsx b/frontend/src/components/molecules/messages/Message.tsx
index ac20f42676..4672edeaea 100644
--- a/frontend/src/components/molecules/messages/Message.tsx
+++ b/frontend/src/components/molecules/messages/Message.tsx
@@ -112,7 +112,12 @@ const Message = memo(
             >
               {/* User message is displayed differently */}
               {isUserMessage ? (
-                <Box display="flex" flexDirection="column" flexGrow={1}>
+                <Box
+                  display="flex"
+                  flexDirection="column"
+                  flexGrow={1}
+                  maxWidth={'100%'}
+                >
                   <UserMessage message={message}>
                     <MessageContent
                       elements={elements}