diff --git a/apps/stage-web/src/layouts/settings.vue b/apps/stage-web/src/layouts/settings.vue
index 5f9a9db12..8db84b82e 100644
--- a/apps/stage-web/src/layouts/settings.vue
+++ b/apps/stage-web/src/layouts/settings.vue
@@ -84,10 +84,10 @@ const routeHeaderMetadataMap = computed(() => {
     },
   }
 
-  for (const key in allProvidersMetadata.value) {
-    map[`/settings/providers/${key}`] = {
+  for (const metadata of allProvidersMetadata.value) {
+    map[`/settings/providers/${metadata.id}`] = {
       subtitle: t('settings.title'),
-      title: t(allProvidersMetadata.value[key]?.nameKey),
+      title: t(metadata.nameKey),
     }
   }
 
@@ -118,9 +118,8 @@ const routeHeaderMetadata = computed(() => routeHeaderMetadataMap.value[route.pa
     <!-- Content -->
     <div class="px-3 py-2 md:px-5 md:py-5" flex="~ col" mx-auto max-w-screen-xl>
       <PageHeader
-        v-if="routeHeaderMetadata"
-        :title="routeHeaderMetadata.title"
-        :subtitle="routeHeaderMetadata.subtitle"
+        :title="routeHeaderMetadata?.title"
+        :subtitle="routeHeaderMetadata?.subtitle"
       />
       <RouterView />
     </div>
diff --git a/uno.config.ts b/uno.config.ts
index 908e67b89..26b348d14 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -119,6 +119,8 @@ export function sharedUnoConfig() {
           /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/,
           // include js/ts files
           '(components|src)/**/*.{js,ts,vue}',
+          '**/stage-ui/**/*.{vue,js,ts}',
+          '**/ui/**/*.{vue,js,ts}',
         ],
       },
     },