diff --git a/js/apps/admin-ui/src/components/routable-tabs/RoutableTabs.tsx b/js/apps/admin-ui/src/components/routable-tabs/RoutableTabs.tsx
index 1a2d7f42c13..9735936427e 100644
--- a/js/apps/admin-ui/src/components/routable-tabs/RoutableTabs.tsx
+++ b/js/apps/admin-ui/src/components/routable-tabs/RoutableTabs.tsx
@@ -24,6 +24,7 @@ import { useServerInfo } from "../../context/server-info/ServerInfoProvider";
 import { PageHandler } from "../../page/PageHandler";
 import { TAB_PROVIDER } from "../../page/PageList";
 import useIsFeatureEnabled, { Feature } from "../../utils/useIsFeatureEnabled";
+import { useTranslation } from "react-i18next";
 
 // TODO: Remove the custom 'children' props and type once the following issue has been resolved:
 // https://github.com/patternfly/patternfly-react/issues/6766
@@ -49,6 +50,7 @@ export const RoutableTabs = ({
   const { componentTypes } = useServerInfo();
   const tabs = componentTypes?.[TAB_PROVIDER] || [];
   const isFeatureEnabled = useIsFeatureEnabled();
+  const { t } = useTranslation();
 
   const matchedTabs = tabs
     .filter((tab) => matchPath({ path: tab.metadata.path }, pathname))
@@ -95,9 +97,9 @@ export const RoutableTabs = ({
     >
       {children as any}
       {isFeatureEnabled(Feature.DeclarativeUI) &&
-        matchedTabs.map<any>((t) => (
-          <DynamicTab key={t.id} eventKey={t.pathname} title={t.id}>
-            <PageHandler page={t} providerType={TAB_PROVIDER} />
+        matchedTabs.map<any>((tab) => (
+          <DynamicTab key={tab.id} eventKey={tab.pathname} title={t(tab.id)}>
+            <PageHandler page={tab} providerType={TAB_PROVIDER} />
           </DynamicTab>
         ))}
     </Tabs>