diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue
index 9d4414e999..0fc2211001 100644
--- a/src/components/SettingsModal.vue
+++ b/src/components/SettingsModal.vue
@@ -146,18 +146,20 @@ const botSettings = [
   { brand: "bard", component: BardBotSettings },
   { brand: "bingChat", component: BingChatBotSettings },
   { brand: "characterAI", component: CharacterAIBotSettings },
-  { brand: "chatGpt", component: ChatGPTBotSettings },
   { brand: "chatGlm", component: ChatGLMBotSettings },
+  { brand: "chatGpt", component: ChatGPTBotSettings },
   { brand: "claudeAi", component: ClaudeAIBotSettings },
+  { brand: "claudeApi", component: ClaudeAPIBotSettings },
   { brand: "falcon", component: Falcon180bBotSettings },
+  { brand: "geminiApi", component: GeminiAPIBotSettings },
   { brand: "gradio", component: GradioAppBotSettings },
+  { brand: "groqApi", component: GroqAPIBotSettings },
   { brand: "huggingChat", component: HuggingChatBotSettings },
   { brand: "kimi", component: KimiBotSettings },
   { brand: "lmsys", component: LMSYSBotSettings },
   { brand: "mistral", component: MistralBotSettings },
   { brand: "moss", component: MOSSBotSettings },
   { brand: "openaiApi", component: OpenAIAPIBotSettings },
-  { brand: "geminiApi", component: GeminiAPIBotSettings },
   { brand: "perplexity", component: PerplexityBotSettings },
   { brand: "phind", component: PhindBotSettings },
   { brand: "pi", component: PiBotSettings },
@@ -167,8 +169,6 @@ const botSettings = [
   { brand: "spark", component: SparkBotSettings },
   { brand: "wenxinQianfan", component: WenxinQianfanBotSettings },
   { brand: "youChat", component: YouChatBotSettings },
-  { brand: "claudeApi", component: ClaudeAPIBotSettings },
-  { brand: "groqApi", component: GroqAPIBotSettings },
 ];
 
 const proxy = ProxySettings;