diff --git a/ui/src/components/LayoutShell.tsx b/ui/src/components/LayoutShell.tsx
index 16b7ca46..270e1609 100644
--- a/ui/src/components/LayoutShell.tsx
+++ b/ui/src/components/LayoutShell.tsx
@@ -640,8 +640,10 @@ function LayoutContent() {
     if (appMatch) {
       const [, sAppId, sRouteId] = appMatch;
       if (scope.tab === 'apps') {
-        // Deployments tab: navigate to /apps/:appId
         navigate(`/apps/${sAppId}`, { state });
+      } else if (scope.tab === 'runtime') {
+        // Runtime tab has no route-level view — stay at app level
+        navigate(`/runtime/${sAppId}`, { state });
       } else {
         navigate(sRouteId ? `/${scope.tab}/${sAppId}/${sRouteId}` : `/${scope.tab}/${sAppId}`, { state });
       }
@@ -653,6 +655,8 @@ function LayoutContent() {
       const [, sAppId, sRouteId] = exchangeMatch;
       if (scope.tab === 'apps') {
         navigate(`/apps/${sAppId}`, { state });
+      } else if (scope.tab === 'runtime') {
+        navigate(`/runtime/${sAppId}`, { state });
       } else {
         navigate(sRouteId ? `/${scope.tab}/${sAppId}/${sRouteId}` : `/${scope.tab}/${sAppId}`, { state });
       }
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
index b4e74e8d..af041a4d 100644
--- a/ui/vite.config.ts
+++ b/ui/vite.config.ts
@@ -27,7 +27,7 @@ export default defineConfig({
   optimizeDeps: {
     include: ['swagger-ui-dist/swagger-ui-bundle'],
   },
-  base: './',
+  base: '/',
   build: {
     outDir: 'dist',
   },