diff --git a/web/app/components/base/chat/chat/answer/tool-detail.tsx b/web/app/components/base/chat/chat/answer/tool-detail.tsx
index 130ad42fda..aeaeafc5ac 100644
--- a/web/app/components/base/chat/chat/answer/tool-detail.tsx
+++ b/web/app/components/base/chat/chat/answer/tool-detail.tsx
@@ -49,7 +49,7 @@ const ToolDetail = ({
               <div className='flex items-center justify-between px-2 pt-1 h-7 system-xs-semibold-uppercase'>
                 {t('tools.thought.requestTitle')}
               </div>
-              <div className='pt-1 px-3 pb-2 code-xs-regular'>
+              <div className='pt-1 px-3 pb-2 code-xs-regular break-words'>
                 {input}
               </div>
             </div>
@@ -57,7 +57,7 @@ const ToolDetail = ({
               <div className='flex items-center justify-between px-2 pt-1 h-7 system-xs-semibold-uppercase'>
                 {t('tools.thought.responseTitle')}
               </div>
-              <div className='pt-1 px-3 pb-2 code-xs-regular'>
+              <div className='pt-1 px-3 pb-2 code-xs-regular break-words'>
                 {output}
               </div>
             </div>
diff --git a/web/app/components/base/chat/chat/question.tsx b/web/app/components/base/chat/chat/question.tsx
index 7ea9656a3e..30809ec995 100644
--- a/web/app/components/base/chat/chat/question.tsx
+++ b/web/app/components/base/chat/chat/question.tsx
@@ -32,7 +32,7 @@ const Question: FC<QuestionProps> = ({
     <div className='flex justify-end mb-2 last:mb-0 pl-10'>
       <div className='group relative mr-4'>
         <div
-          className='px-4 py-3 bg-util-colors-blue-brand-blue-brand-500 rounded-2xl text-sm text-gray-900'
+          className='px-4 py-3 bg-[#D1E9FF]/50 rounded-2xl text-sm text-gray-900'
           style={theme?.chatBubbleColorStyle ? CssTransform(theme.chatBubbleColorStyle) : {}}
         >
           {