diff --git a/web/src/pages/user-setting/sidebar/index.tsx b/web/src/pages/user-setting/sidebar/index.tsx
index 5e9bc569e1..b0dd58f521 100644
--- a/web/src/pages/user-setting/sidebar/index.tsx
+++ b/web/src/pages/user-setting/sidebar/index.tsx
@@ -41,6 +41,12 @@ import { useTranslation } from 'react-i18next';
 import { useHandleMenuClick } from './hooks';
 
 const menuItems = (t: TFunction) => [
+  {
+    icon: <LucideBox className="size-[1em]" />,
+    label: t('setting.model'),
+    key: Routes.Model,
+    'data-testid': 'settings-nav-model-providers',
+  },
   {
     icon: <LucideServer className="size-[1em]" />,
     label: t('setting.dataSources'),
@@ -51,12 +57,6 @@ const menuItems = (t: TFunction) => [
     label: t('setting.chatChannels'),
     key: Routes.ChatChannel,
   },
-  {
-    icon: <LucideBox className="size-[1em]" />,
-    label: t('setting.model'),
-    key: Routes.Model,
-    'data-testid': 'settings-nav-model-providers',
-  },
   {
     icon: <IconFontFill name="mcp" className="size-[1em]" />,
     label: 'MCP',
diff --git a/web/src/routes.tsx b/web/src/routes.tsx
index 8300916465..830aefc45e 100644
--- a/web/src/routes.tsx
+++ b/web/src/routes.tsx
@@ -285,9 +285,7 @@ const routeConfigOptions = [
         children: [
           {
             path: Routes.UserSetting,
-            element: (
-              <Navigate to={`/user-setting${Routes.DataSource}`} replace />
-            ),
+            element: <Navigate to={`/user-setting/model`} replace />,
           },
           {
             path: `${Routes.UserSetting}/profile`,