From aa98b5b62f4e93be64a4cd5e4d2ec2403861361c Mon Sep 17 00:00:00 2001
From: shadcn <m@shadcn.com>
Date: Thu, 15 Jun 2023 15:48:43 +0400
Subject: [PATCH] fix: display of codeblock on mobile

---
 components/chat-message.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/chat-message.tsx b/components/chat-message.tsx
index e4a1af8..cdd18f8 100644
--- a/components/chat-message.tsx
+++ b/components/chat-message.tsx
@@ -28,9 +28,9 @@ export function ChatMessage({ message, ...props }: ChatMessageProps) {
       >
         {message.role === 'user' ? <IconUser /> : <IconOpenAI />}
       </div>
-      <div className="ml-4 flex-1 space-y-2 px-1">
+      <div className="ml-4 flex-1 space-y-2 overflow-hidden px-1">
         <MemoizedReactMarkdown
-          className="prose dark:prose-invert prose-p:leading-relaxed prose-pre:p-0"
+          className="prose break-words dark:prose-invert prose-p:leading-relaxed prose-pre:p-0"
           remarkPlugins={[remarkGfm, remarkMath]}
           components={{
             p({ children }) {