diff --git a/ui/app/model/page.tsx b/ui/app/model/page.tsx
new file mode 100644
index 00000000..a1598a83
--- /dev/null
+++ b/ui/app/model/page.tsx
@@ -0,0 +1,5 @@
+import { ModelsPage } from '@/components/models-page';
+
+export default function ModelPage() {
+  return <ModelsPage />;
+}
diff --git a/ui/app/page.tsx b/ui/app/page.tsx
index 76addfd7..134483dd 100644
--- a/ui/app/page.tsx
+++ b/ui/app/page.tsx
@@ -449,7 +449,7 @@ function DashboardInsights({
                   cursor={false}
                   content={
                     <ChartTooltipContent
-                      labelFormatter={(_, payload) =>
+                      labelFormatter={(_: React.ReactNode, payload) =>
                         String(payload?.[0]?.payload?.type ?? '')
                       }
                       formatter={(value, name) => {
diff --git a/ui/components/app-page-shell.tsx b/ui/components/app-page-shell.tsx
index 6b613862..0f2e7026 100644
--- a/ui/components/app-page-shell.tsx
+++ b/ui/components/app-page-shell.tsx
@@ -40,7 +40,7 @@ const NAV_ITEMS = [
   { title: 'Dashboard', url: '/', icon: LayoutDashboardIcon },
   { title: 'Balances', url: '/balances', icon: WalletIcon },
   { title: 'Logs', url: '/logs', icon: FileTextIcon },
-  { title: 'Models', url: '/models', icon: DatabaseIcon },
+  { title: 'Models', url: '/model', icon: DatabaseIcon },
   { title: 'Providers', url: '/providers', icon: ServerIcon },
   { title: 'Transactions', url: '/transactions', icon: ArrowRightLeftIcon },
   { title: 'Settings', url: '/settings', icon: SettingsIcon },
diff --git a/ui/components/app-sidebar.tsx b/ui/components/app-sidebar.tsx
index 7c777240..f8569a58 100644
--- a/ui/components/app-sidebar.tsx
+++ b/ui/components/app-sidebar.tsx
@@ -58,7 +58,7 @@ const data = {
     },
     {
       title: 'Models',
-      url: '/models',
+      url: '/model',
       icon: DatabaseIcon,
     },
     {
diff --git a/ui/app/models/page.tsx b/ui/components/models-page.tsx
similarity index 99%
rename from ui/app/models/page.tsx
rename to ui/components/models-page.tsx
index 4b448165..f8505d7f 100644
--- a/ui/app/models/page.tsx
+++ b/ui/components/models-page.tsx
@@ -23,7 +23,7 @@ import {
 import { Skeleton } from '@/components/ui/skeleton';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 
-export default function ModelsPage() {
+export function ModelsPage() {
   const [filteredModels, setFilteredModels] = useState<Model[] | undefined>(
     undefined
   );
diff --git a/ui/components/site-header.tsx b/ui/components/site-header.tsx
index 86cc343e..ffef86ba 100644
--- a/ui/components/site-header.tsx
+++ b/ui/components/site-header.tsx
@@ -23,7 +23,7 @@ const PAGE_META: Record<string, { title: string; description: string }> = {
     title: 'System Logs',
     description: 'Inspect request and application logs.',
   },
-  '/models': {
+  '/model': {
     title: 'Models',
     description: 'Manage model catalog and provider mappings.',
   },