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])