From 10bd03611c8f552f74ab05cb483d237fc75a9441 Mon Sep 17 00:00:00 2001
From: KVOJJJin <jzongcode@gmail.com>
Date: Fri, 14 Mar 2025 15:50:28 +0800
Subject: [PATCH] Fix  style of opening statement (#15821)

---
 .../components/base/chat/chat-with-history/chat-wrapper.tsx   | 4 +++-
 .../components/base/chat/embedded-chatbot/chat-wrapper.tsx    | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/app/components/base/chat/chat-with-history/chat-wrapper.tsx b/web/app/components/base/chat/chat-with-history/chat-wrapper.tsx
index 55d938d1fa..b301b8c4cf 100644
--- a/web/app/components/base/chat/chat-with-history/chat-wrapper.tsx
+++ b/web/app/components/base/chat/chat-with-history/chat-wrapper.tsx
@@ -214,7 +214,9 @@ const ChatWrapper = () => {
           background={appData?.site.icon_background}
           imageUrl={appData?.site.icon_url}
         />
-        <Markdown className='!text-text-tertiary !body-2xl-regular' content={welcomeMessage.content} />
+        <div className='px-4 max-w-[768px]'>
+          <Markdown className='!text-text-tertiary !body-2xl-regular' content={welcomeMessage.content} />
+        </div>
       </div>
     )
   }, [appData?.site.icon, appData?.site.icon_background, appData?.site.icon_type, appData?.site.icon_url, chatList, collapsed, currentConversationId, inputsForms.length, respondingState])
diff --git a/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx b/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
index f6a5b8a9ac..da7d6293e4 100644
--- a/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
@@ -213,7 +213,9 @@ const ChatWrapper = () => {
           background={appData?.site.icon_background}
           imageUrl={appData?.site.icon_url}
         />
-        <Markdown className='!text-text-tertiary !body-2xl-regular' content={welcomeMessage.content} />
+        <div className='px-4 max-w-[768px]'>
+          <Markdown className='!text-text-tertiary !body-2xl-regular' content={welcomeMessage.content} />
+        </div>
       </div>
     )
   }, [appData?.site.icon, appData?.site.icon_background, appData?.site.icon_type, appData?.site.icon_url, chatList, collapsed, currentConversationId, inputsForms.length, respondingState])