fix: style misalignment and inconsistency (#5149)

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})`,
                 }}

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