diff --git a/web/src/components/llm-setting-items/next.tsx b/web/src/components/llm-setting-items/next.tsx
index 3ab762201..82f540ea2 100644
--- a/web/src/components/llm-setting-items/next.tsx
+++ b/web/src/components/llm-setting-items/next.tsx
@@ -28,6 +28,7 @@ import { useHandleFreedomChange } from './use-watch-change';
 interface LlmSettingFieldItemsProps {
   prefix?: string;
   options?: any[];
+  llmId?: string;
   showFields?: Array<
     | 'temperature'
     | 'top_p'
@@ -73,6 +74,7 @@ export function LlmSettingFieldItems({
     'frequency_penalty',
     'max_tokens',
   ],
+  llmId,
 }: LlmSettingFieldItemsProps) {
   const form = useFormContext();
   const { t } = useTranslate('chat');
@@ -131,7 +133,7 @@ export function LlmSettingFieldItems({
     <div className="space-y-5">
       <LLMFormField
         options={options}
-        name={getFieldWithPrefix('llm_id')}
+        name={llmId ?? getFieldWithPrefix('llm_id')}
       ></LLMFormField>
       <FormField
         control={form.control}
diff --git a/web/src/pages/next-chats/chat/app-settings/chat-model-settings.tsx b/web/src/pages/next-chats/chat/app-settings/chat-model-settings.tsx
index 99629c436..3fb3b2a27 100644
--- a/web/src/pages/next-chats/chat/app-settings/chat-model-settings.tsx
+++ b/web/src/pages/next-chats/chat/app-settings/chat-model-settings.tsx
@@ -3,7 +3,10 @@ import { LlmSettingFieldItems } from '@/components/llm-setting-items/next';
 export function ChatModelSettings() {
   return (
     <div className="space-y-8">
-      <LlmSettingFieldItems prefix="llm_setting"></LlmSettingFieldItems>
+      <LlmSettingFieldItems
+        prefix="llm_setting"
+        llmId="llm_id"
+      ></LlmSettingFieldItems>
     </div>
   );
 }