diff --git a/web/app/components/base/chat/chat-with-history/config-panel/index.tsx b/web/app/components/base/chat/chat-with-history/config-panel/index.tsx
index 20a54da83a..d90e4025d3 100644
--- a/web/app/components/base/chat/chat-with-history/config-panel/index.tsx
+++ b/web/app/components/base/chat/chat-with-history/config-panel/index.tsx
@@ -3,6 +3,7 @@ import { useTranslation } from 'react-i18next'
 import { useChatWithHistoryContext } from '../context'
 import Form from './form'
 import Button from '@/app/components/base/button'
+import AppIcon from '@/app/components/base/app-icon'
 import { MessageDotsCircle } from '@/app/components/base/icons/src/vender/solid/communication'
 import { Edit02 } from '@/app/components/base/icons/src/vender/line/general'
 import { Star06 } from '@/app/components/base/icons/src/vender/solid/shapes'
@@ -40,8 +41,13 @@ const ConfigPanel = () => {
           {
             showConfigPanelBeforeChat && (
               <>
-                <div className='flex items-center text-2xl font-semibold text-gray-800'>
-                  {appData?.site.icon} {appData?.site.title}
+                <div className='flex items-center h-8 text-2xl font-semibold text-gray-800'>
+                  <AppIcon
+                    icon={appData?.site.icon}
+                    background='transparent'
+                    size='small'
+                  />
+                  {appData?.site.title}
                 </div>
                 {
                   appData?.site.description && (