From 015c26d303c3b3933dabc91d875bd91689c3879a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=9E=E6=B3=95=E6=93=8D=E4=BD=9C?= <hjlarry@163.com>
Date: Thu, 13 Jun 2024 16:32:42 +0800
Subject: [PATCH] fix: style misalignment and inconsistency (#5149)

---
 .../config/agent/agent-tools/setting-built-in-tool.tsx        | 4 ++--
 .../account-setting/model-provider-page/model-modal/Form.tsx  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.tsx b/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.tsx
index b35217732f..a348e44256 100644
--- a/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.tsx
@@ -152,11 +152,11 @@ const SettingBuiltInTool: FC<Props> = ({
       isShow
       onHide={onHide}
       title={(
-        <div className='flex'>
+        <div className='flex items-center'>
           {typeof collection.icon === 'string'
             ? (
               <div
-                className='w-6 h-6 bg-cover bg-center rounded-md'
+                className='w-6 h-6 bg-cover bg-center rounded-md flex-shrink-0'
                 style={{
                   backgroundImage: `url(${collection.icon})`,
                 }}
diff --git a/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx b/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx
index c7219660e0..3f8ec59eef 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-modal/Form.tsx
@@ -236,7 +236,7 @@ const Form: FC<FormProps> = ({
         <div key={variable} className={cn(itemClassName, 'py-3')}>
           <div className='flex items-center justify-between py-2 text-sm text-gray-900'>
             <div className='flex items-center space-x-2'>
-              <span>{label[language] || label.en_US}</span>
+              <span className={cn(fieldLabelClassName, 'py-2 text-sm text-gray-900')}>{label[language] || label.en_US}</span>
               {tooltipContent}
             </div>
             <Radio.Group