Fix dialog boxes extending beyond the window (#1446)

Closes #1422. Co-authored-by: laodanfeng <[email protected]>
Chainlit · Oct 21, 2024 · b0232e1 · b0232e1
1 parent 2598552
commit b0232e1
Showing 1 changed file with 6 additions and 1 deletion.
diff --git 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}