From dab98f02c21e2c29ffd4a7fe7bc083c64bf8507b Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Wed, 15 Mar 2023 09:23:54 -0500
Subject: [PATCH] feat: [#110] give chat transcript a maximum width

---
 src/components/ChatTranscript/ChatTranscript.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/ChatTranscript/ChatTranscript.tsx b/src/components/ChatTranscript/ChatTranscript.tsx
index f4c9268..38ab6bd 100644
--- a/src/components/ChatTranscript/ChatTranscript.tsx
+++ b/src/components/ChatTranscript/ChatTranscript.tsx
@@ -56,7 +56,10 @@ export const ChatTranscript = ({
       sx={theme => ({
         display: 'flex',
         flexDirection: 'column',
+        mx: 'auto',
         paddingY: theme.spacing(1),
+        width: '100%',
+        maxWidth: theme.breakpoints.values.md,
       })}
     >
       {messageLog.map((message, idx) => {