diff --git a/ui/src/components/ContentTabs.tsx b/ui/src/components/ContentTabs.tsx
index a85f366b..02b18588 100644
--- a/ui/src/components/ContentTabs.tsx
+++ b/ui/src/components/ContentTabs.tsx
@@ -3,15 +3,11 @@ import type { TabKey, Scope } from '../hooks/useScope';
 import { TabKpis } from './TabKpis';
 import styles from './ContentTabs.module.css';
 
-const BASE_TABS = [
+const TABS = [
   { label: 'Exchanges', value: 'exchanges' },
   { label: 'Dashboard', value: 'dashboard' },
   { label: 'Runtime', value: 'runtime' },
   { label: 'Logs', value: 'logs' },
-];
-
-const TABS_WITH_CONFIG = [
-  ...BASE_TABS,
   { label: 'Config', value: 'config' },
 ];
 
@@ -22,12 +18,10 @@ interface ContentTabsProps {
 }
 
 export function ContentTabs({ active, onChange, scope }: ContentTabsProps) {
-  // Config tab only shown when an app is selected
-  const tabs = scope.appId ? TABS_WITH_CONFIG : BASE_TABS;
   return (
     <div className={styles.wrapper}>
       <Tabs
-        tabs={tabs}
+        tabs={TABS}
         active={active}
         onChange={(v) => onChange(v as TabKey)}
       />
diff --git a/ui/src/components/LayoutShell.tsx b/ui/src/components/LayoutShell.tsx
index b2d2ead3..e679d6c8 100644
--- a/ui/src/components/LayoutShell.tsx
+++ b/ui/src/components/LayoutShell.tsx
@@ -604,7 +604,9 @@ function LayoutContent() {
     const appMatch = path.match(/^\/apps\/([^/]+)(?:\/(.+))?$/);
     if (appMatch) {
       const [, sAppId, sRouteId] = appMatch;
-      navigate(sRouteId ? `/${scope.tab}/${sAppId}/${sRouteId}` : `/${scope.tab}/${sAppId}`, { state });
+      // Config tab only supports /config/:appId — fall back to exchanges for route-level
+      const tab = (scope.tab === 'config' && sRouteId) ? 'exchanges' : scope.tab;
+      navigate(sRouteId ? `/${tab}/${sAppId}/${sRouteId}` : `/${tab}/${sAppId}`, { state });
       return;
     }
 
diff --git a/ui/src/router.tsx b/ui/src/router.tsx
index aeb87101..45583f79 100644
--- a/ui/src/router.tsx
+++ b/ui/src/router.tsx
@@ -77,8 +77,8 @@ export const router = createBrowserRouter([
           { path: 'logs/:appId', element: <SuspenseWrapper><LogsPage /></SuspenseWrapper> },
           { path: 'logs/:appId/:routeId', element: <SuspenseWrapper><LogsPage /></SuspenseWrapper> },
 
-          // Config tab (per-app, accessible to VIEWER+)
-          { path: 'config', element: <Navigate to="/exchanges" replace /> },
+          // Config tab (accessible to VIEWER+, shows all apps or single app)
+          { path: 'config', element: <SuspenseWrapper><AppConfigPage /></SuspenseWrapper> },
           { path: 'config/:appId', element: <SuspenseWrapper><AppConfigPage /></SuspenseWrapper> },
 
           // Legacy redirects — Sidebar uses hardcoded /apps/... and /agents/... paths