diff --git a/frontend/packages/operator-lifecycle-manager-v1/console-extensions.json b/frontend/packages/operator-lifecycle-manager-v1/console-extensions.json
index f1f3b5ad28..00bd522d36 100644
--- a/frontend/packages/operator-lifecycle-manager-v1/console-extensions.json
+++ b/frontend/packages/operator-lifecycle-manager-v1/console-extensions.json
@@ -32,23 +32,6 @@
       "flag": "CLUSTER_EXTENSION_API"
     }
   },
-  {
-    "type": "console.navigation/resource-cluster",
-    "properties": {
-      "id": "installed-extensions",
-      "section": "ecosystem",
-      "name": "%olm-v1~Installed Operators%",
-      "model": {
-        "kind": "ClusterExtension",
-        "version": "v1",
-        "group": "olm.operatorframework.io"
-      },
-      "startsWith": ["olm.operatorframework.io"]
-    },
-    "flags": {
-      "required": ["CLUSTER_EXTENSION_API", "TECH_PREVIEW", "OLMV1_ENABLED"]
-    }
-  },
   {
     "type": "console.catalog/item-provider",
     "properties": {
@@ -117,5 +100,45 @@
     "flags": {
       "required": ["CLUSTER_EXTENSION_API"]
     }
+  },
+  {
+    "type": "console.action/resource-provider",
+    "properties": {
+      "model": {
+        "group": "olm.operatorframework.io",
+        "version": "v1",
+        "kind": "ClusterExtension"
+      },
+      "provider": { "$codeRef": "defaultActionsProvider.useDefaultActionsProvider" }
+    },
+    "flags": {
+      "required": ["CLUSTER_EXTENSION_API"]
+    }
+  },
+  {
+    "type": "console.navigation/href",
+    "properties": {
+      "id": "installed-software",
+      "section": "ecosystem",
+      "name": "%olm-v1~Installed Software%",
+      "insertAfter": "developer-catalog",
+      "href": "/installed-software",
+      "namespaced": true,
+      "startsWith": ["installed-software"]
+    },
+    "flags": {
+      "required": ["TECH_PREVIEW", "OLMV1_ENABLED", "CLUSTER_EXTENSION_API"]
+    }
+  },
+  {
+    "type": "console.page/route",
+    "properties": {
+      "exact": false,
+      "path": ["/installed-software/all-namespaces", "/installed-software/ns/:ns"],
+      "component": { "$codeRef": "installedSoftwarePage.default" }
+    },
+    "flags": {
+      "required": ["CLUSTER_EXTENSION_API"]
+    }
   }
 ]
diff --git a/frontend/packages/operator-lifecycle-manager-v1/locales/en/olm-v1.json b/frontend/packages/operator-lifecycle-manager-v1/locales/en/olm-v1.json
index d61b0f1ff4..aa11e8c5e3 100644
--- a/frontend/packages/operator-lifecycle-manager-v1/locales/en/olm-v1.json
+++ b/frontend/packages/operator-lifecycle-manager-v1/locales/en/olm-v1.json
@@ -1,9 +1,9 @@
 {
-  "Installed Operators": "Installed Operators",
   "Operators": "Operators",
   "OLMv1 Catalog": "OLMv1 Catalog",
   "Enable the OLMv1 catalog experience. OLMv1 is a technology preview feature that provides an updated operator catalog interface.": "Enable the OLMv1 catalog experience. OLMv1 is a technology preview feature that provides an updated operator catalog interface.",
   "Enable OLMv1 catalog": "Enable OLMv1 catalog",
+  "Installed Software": "Installed Software",
   "An error occurred creating the ClusterExtension: {{error}}": "An error occurred creating the ClusterExtension: {{error}}",
   "Name": "Name",
   "Package name": "Package name",
@@ -43,17 +43,22 @@
   "Package will only be resolved from specified catalogs.": "Package will only be resolved from specified catalogs.",
   "Create": "Create",
   "Cancel": "Cancel",
+  "Status": "Status",
+  "Package": "Package",
+  "ClusterExtensions": "ClusterExtensions",
   "Create ClusterExtension": "Create ClusterExtension",
   "Create a ClusterExtension to add functionality to your cluster. Operator Lifecycle Manager v1 manages ClusterExtensions.": "Create a ClusterExtension to add functionality to your cluster. Operator Lifecycle Manager v1 manages ClusterExtensions.",
   "An error occurred. Please try again.": "An error occurred. Please try again.",
   "Create ServiceAccount": "Create ServiceAccount",
   "An error occurred": "An error occurred",
+  "Cluster extensions (OLMv1)": "Cluster extensions (OLMv1)",
+  "Operators (OLMv0)": "Operators (OLMv0)",
   "Operator Lifecycle Management version 1": "Operator Lifecycle Management version 1",
   "Learn more about OLMv1": "Learn more about OLMv1",
   "With OLMv1, you'll get a much simpler API that's easier to work with and understand. Plus, you have more direct control over updates. You can define update ranges and decide exactly how they are rolled out.": "With OLMv1, you'll get a much simpler API that's easier to work with and understand. Plus, you have more direct control over updates. You can define update ranges and decide exactly how they are rolled out.",
-  "Lets you use OLMv1 (Tech Preview), a streamlined redesign of OLMv0. OLMv1 simplifies operator management with declarative APIs, enhanced security, and direct, GitOps-friendly control over upgrades.": "Lets you use OLMv1 (Tech Preview), a streamlined redesign of OLMv0. OLMv1 simplifies operator management with declarative APIs, enhanced security, and direct, GitOps-friendly control over upgrades.",
   "Enable OLMv1": "Enable OLMv1",
   "Toggle OLMv1 UI": "Toggle OLMv1 UI",
+  "Lets you use OLMv1 (Tech Preview), a streamlined redesign of OLMv0. OLMv1 simplifies operator management with declarative APIs, enhanced security, and direct, GitOps-friendly control over upgrades.": "Lets you use OLMv1 (Tech Preview), a streamlined redesign of OLMv0. OLMv1 simplifies operator management with declarative APIs, enhanced security, and direct, GitOps-friendly control over upgrades.",
   "Tech Preview": "Tech Preview",
   "OLMv1 information": "OLMv1 information"
 }
\ No newline at end of file
diff --git a/frontend/packages/operator-lifecycle-manager-v1/package.json b/frontend/packages/operator-lifecycle-manager-v1/package.json
index c4c33f99af..a3fdf2a964 100644
--- a/frontend/packages/operator-lifecycle-manager-v1/package.json
+++ b/frontend/packages/operator-lifecycle-manager-v1/package.json
@@ -8,7 +8,9 @@
       "useCatalogItems": "src/hooks/useCatalogItems.ts",
       "useCatalogCategories": "src/hooks/useCatalogCategories.ts",
       "useOLMv1FlagProvider": "src/hooks/useOLMv1FlagProvider.ts",
-      "CreateClusterExtension": "src/components/cluster-extension/CreateClusterExtension.tsx"
+      "CreateClusterExtension": "src/components/cluster-extension/CreateClusterExtension.tsx",
+      "defaultActionsProvider": "src/actions/providers/default-actions-provider.ts",
+      "installedSoftwarePage": "src/components/installed-software/InstalledSoftwarePage.tsx"
     }
   }
 }
diff --git a/frontend/packages/operator-lifecycle-manager-v1/src/actions/providers/default-actions-provider.ts b/frontend/packages/operator-lifecycle-manager-v1/src/actions/providers/default-actions-provider.ts
new file mode 100644
index 0000000000..869f068349
--- /dev/null
+++ b/frontend/packages/operator-lifecycle-manager-v1/src/actions/providers/default-actions-provider.ts
@@ -0,0 +1 @@
+export { useDefaultActionsProvider } from '@console/app/src/actions/providers/default-provider';
diff --git a/frontend/packages/operator-lifecycle-manager-v1/src/components/OLMv1Switch.tsx b/frontend/packages/operator-lifecycle-manager-v1/src/components/OLMv1Switch.tsx
index 336ea26926..b884df1891 100644
--- a/frontend/packages/operator-lifecycle-manager-v1/src/components/OLMv1Switch.tsx
+++ b/frontend/packages/operator-lifecycle-manager-v1/src/components/OLMv1Switch.tsx
@@ -1,12 +1,12 @@
 import { useCallback } from 'react';
 import type { FC, FormEvent } from 'react';
-import { Button, Flex, FlexItem, Label, Popover, Switch } from '@patternfly/react-core';
-import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons/dist/esm/icons/outlined-question-circle-icon';
+import { Flex, FlexItem, Switch } from '@patternfly/react-core';
 import { useTranslation } from 'react-i18next';
 import { FLAG_TECH_PREVIEW } from '@console/app/src/consts';
 import { useFlag } from '@console/dynamic-plugin-sdk/src/utils/flags';
 import { useUserSettings } from '@console/shared/src/hooks/useUserSettings';
 import { OLMV1_ENABLED_USER_SETTING_KEY } from '../const';
+import { OLMv1TechPreviewBadge } from './OLMv1TechPreviewBadge';
 
 /**
  * Toolbar component for toggling OLMv1 UI visibility in the operator catalog.
@@ -28,14 +28,6 @@ export const OLMv1Switch: FC = () => {
     [setOlmv1Enabled],
   );
 
-  const popoverContent = (
-    <div>
-      {t(
-        'olm-v1~Lets you use OLMv1 (Tech Preview), a streamlined redesign of OLMv0. OLMv1 simplifies operator management with declarative APIs, enhanced security, and direct, GitOps-friendly control over upgrades.',
-      )}
-    </div>
-  );
-
   return (
     <Flex alignItems={{ default: 'alignItemsCenter' }} spaceItems={{ default: 'spaceItemsSm' }}>
       <FlexItem>
@@ -48,19 +40,7 @@ export const OLMv1Switch: FC = () => {
         />
       </FlexItem>
       <FlexItem>
-        <Label color="yellow" isCompact>
-          {t('olm-v1~Tech Preview')}
-        </Label>
-      </FlexItem>
-      <FlexItem>
-        <Popover aria-label={t('olm-v1~OLMv1 information')} bodyContent={popoverContent}>
-          <Button
-            icon={<OutlinedQuestionCircleIcon />}
-            aria-label={t('olm-v1~OLMv1 information')}
-            variant="link"
-            isInline
-          />
-        </Popover>
+        <OLMv1TechPreviewBadge />
       </FlexItem>
     </Flex>
   );
diff --git a/frontend/packages/operator-lifecycle-manager-v1/src/components/OLMv1TechPreviewBadge.tsx b/frontend/packages/operator-lifecycle-manager-v1/src/components/OLMv1TechPreviewBadge.tsx
new file mode 100644
index 0000000000..3463e987fd
--- /dev/null
+++ b/frontend/packages/operator-lifecycle-manager-v1/src/components/OLMv1TechPreviewBadge.tsx
@@ -0,0 +1,38 @@
+import type { FC } from 'react';
+import { Button, Label, Popover } from '@patternfly/react-core';
+import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons/dist/esm/icons/outlined-question-circle-icon';
+import { useTranslation } from 'react-i18next';
+
+/**
+ * Shared tech preview badge with info popover for OLMv1 features.
+ * Displays a yellow outline label with "Tech Preview" and an info icon that shows
+ * a popover with details about OLMv1 when clicked.
+ * Renders inline for use in tabs or toolbars.
+ */
+export const OLMv1TechPreviewBadge: FC = () => {
+  const { t } = useTranslation();
+
+  const popoverContent = (
+    <div>
+      {t(
+        'olm-v1~Lets you use OLMv1 (Tech Preview), a streamlined redesign of OLMv0. OLMv1 simplifies operator management with declarative APIs, enhanced security, and direct, GitOps-friendly control over upgrades.',
+      )}
+    </div>
+  );
+
+  return (
+    <>
+      <Label color="yellow" isCompact variant="outline">
+        {t('olm-v1~Tech Preview')}
+      </Label>{' '}
+      <Popover aria-label={t('olm-v1~OLMv1 information')} bodyContent={popoverContent}>
+        <Button
+          icon={<OutlinedQuestionCircleIcon aria-hidden="true" />}
+          aria-label={t('olm-v1~OLMv1 information')}
+          variant="link"
+          isInline
+        />
+      </Popover>
+    </>
+  );
+};
diff --git a/frontend/packages/operator-lifecycle-manager-v1/src/components/cluster-extension/ClusterExtensionListPage.tsx b/frontend/packages/operator-lifecycle-manager-v1/src/components/cluster-extension/ClusterExtensionListPage.tsx
new file mode 100644
index 0000000000..adf97607d5
--- /dev/null
+++ b/frontend/packages/operator-lifecycle-manager-v1/src/components/cluster-extension/ClusterExtensionListPage.tsx
@@ -0,0 +1,184 @@
+import type { FC } from 'react';
+import { useMemo } from 'react';
+import { Label } from '@patternfly/react-core';
+import { useTranslation } from 'react-i18next';
+import {
+  actionsCellProps,
+  cellIsStickyProps,
+  getNameCellProps,
+  ConsoleDataView,
+} from '@console/app/src/components/data-view/ConsoleDataView';
+import type { GetDataViewRows } from '@console/app/src/components/data-view/types';
+import Status from '@console/dynamic-plugin-sdk/src/app/components/status/Status';
+import type { TableColumn } from '@console/dynamic-plugin-sdk/src/extensions/console-types';
+import { useK8sWatchResource } from '@console/internal/components/utils/k8s-watch-hook';
+import { ResourceLink } from '@console/internal/components/utils/resource-link';
+import { referenceForModel } from '@console/internal/module/k8s';
+import LazyActionMenu from '@console/shared/src/components/actions/LazyActionMenu';
+import PaneBody from '@console/shared/src/components/layout/PaneBody';
+import { DASH } from '@console/shared/src/constants/ui';
+import { ClusterExtensionModel } from '../../models';
+import type { ClusterExtensionKind } from '../../types';
+
+export const tableColumnInfo = [
+  { id: 'name' },
+  { id: 'status' },
+  { id: 'version' },
+  { id: 'channel' },
+  { id: 'namespace' },
+  { id: 'package' },
+  { id: '' },
+];
+
+const getDataViewRows: GetDataViewRows<ClusterExtensionKind> = (data, columns) => {
+  return data.map(({ obj }) => {
+    const name = obj.metadata?.name ?? '';
+    const namespace = obj.spec?.namespace ?? '';
+    const packageName = obj.spec?.source?.catalog?.packageName ?? '';
+    const version = obj.spec?.source?.catalog?.version ?? '';
+    const channels = obj.spec?.source?.catalog?.channels;
+    const status =
+      obj.status?.conditions?.find((condition) => condition.type === 'Installed')?.reason || '';
+
+    const resourceKind = referenceForModel(ClusterExtensionModel);
+    const context = { [resourceKind]: obj };
+
+    const rowCells = {
+      [tableColumnInfo[0].id]: {
+        cell: <ResourceLink kind={resourceKind} name={name} />,
+        props: getNameCellProps(name),
+      },
+      [tableColumnInfo[1].id]: {
+        cell: status ? <Status status={status} /> : DASH,
+      },
+      [tableColumnInfo[2].id]: {
+        cell: version || DASH,
+      },
+      [tableColumnInfo[3].id]: {
+        cell:
+          channels && channels.length > 0 ? (
+            <>
+              {channels.map((ch) => (
+                <Label key={ch} color="grey" isCompact>
+                  {ch}
+                </Label>
+              ))}
+            </>
+          ) : (
+            DASH
+          ),
+      },
+      [tableColumnInfo[4].id]: {
+        cell: namespace ? <ResourceLink kind="Namespace" name={namespace} /> : DASH,
+      },
+      [tableColumnInfo[5].id]: {
+        cell: packageName || DASH,
+      },
+      [tableColumnInfo[6].id]: {
+        cell: <LazyActionMenu context={context} />,
+        props: actionsCellProps,
+      },
+    };
+
+    return columns.map(({ id }) => {
+      const cell = rowCells[id]?.cell || DASH;
+      return {
+        id,
+        props: rowCells[id]?.props,
+        cell,
+      };
+    });
+  });
+};
+
+const useClusterExtensionColumns = (): TableColumn<ClusterExtensionKind>[] => {
+  const { t } = useTranslation();
+  const columns = useMemo<TableColumn<ClusterExtensionKind>[]>(
+    () => [
+      {
+        title: t('olm-v1~Name'),
+        id: tableColumnInfo[0].id,
+        sort: 'metadata.name',
+        props: {
+          ...cellIsStickyProps,
+          modifier: 'nowrap',
+        },
+      },
+      {
+        title: t('olm-v1~Status'),
+        id: tableColumnInfo[1].id,
+        props: {
+          modifier: 'nowrap',
+        },
+      },
+      {
+        title: t('olm-v1~Version'),
+        id: tableColumnInfo[2].id,
+        props: {
+          modifier: 'nowrap',
+        },
+      },
+      {
+        title: t('olm-v1~Channels'),
+        id: tableColumnInfo[3].id,
+      },
+      {
+        title: t('olm-v1~Namespace'),
+        id: tableColumnInfo[4].id,
+        sort: 'spec.namespace',
+        props: {
+          modifier: 'nowrap',
+        },
+      },
+      {
+        title: t('olm-v1~Package'),
+        id: tableColumnInfo[5].id,
+        props: {
+          modifier: 'nowrap',
+        },
+      },
+      {
+        title: '',
+        id: tableColumnInfo[6].id,
+        props: {
+          ...cellIsStickyProps,
+        },
+      },
+    ],
+    [t],
+  );
+
+  return columns;
+};
+
+interface ClusterExtensionListPageProps {
+  namespace?: string;
+}
+
+const ClusterExtensionListPage: FC<ClusterExtensionListPageProps> = () => {
+  const { t } = useTranslation();
+  const [clusterExtensions, loaded, loadError] = useK8sWatchResource<ClusterExtensionKind[]>({
+    kind: referenceForModel(ClusterExtensionModel),
+    isList: true,
+    namespaced: false,
+  });
+
+  const columns = useClusterExtensionColumns();
+
+  return (
+    <PaneBody>
+      <ConsoleDataView<ClusterExtensionKind>
+        label={t('olm-v1~ClusterExtensions')}
+        data={clusterExtensions ?? []}
+        loaded={loaded}
+        loadError={loadError}
+        columns={columns}
+        getDataViewRows={getDataViewRows}
+        hideColumnManagement
+        showNamespaceOverride
+      />
+    </PaneBody>
+  );
+};
+
+export default ClusterExtensionListPage;
diff --git a/frontend/packages/operator-lifecycle-manager-v1/src/components/cluster-extension/index.ts b/frontend/packages/operator-lifecycle-manager-v1/src/components/cluster-extension/index.ts
new file mode 100644
index 0000000000..3a0108daac
--- /dev/null
+++ b/frontend/packages/operator-lifecycle-manager-v1/src/components/cluster-extension/index.ts
@@ -0,0 +1,5 @@
+export { default as ClusterExtensionListPage } from './ClusterExtensionListPage';
+export { default as CreateClusterExtension } from './CreateClusterExtension';
+export { default as ClusterExtensionForm } from './ClusterExtensionForm';
+export { ClusterExtensionYAMLEditor } from './ClusterExtensionYAMLEditor';
+export { ServiceAccountDropdown } from './ServiceAccountDropdown';
diff --git a/frontend/packages/operator-lifecycle-manager-v1/src/components/installed-software/InstalledSoftwarePage.tsx b/frontend/packages/operator-lifecycle-manager-v1/src/components/installed-software/InstalledSoftwarePage.tsx
new file mode 100644
index 0000000000..785a833dd5
--- /dev/null
+++ b/frontend/packages/operator-lifecycle-manager-v1/src/components/installed-software/InstalledSoftwarePage.tsx
@@ -0,0 +1,63 @@
+import type { FC } from 'react';
+import { useMemo } from 'react';
+import { Flex } from '@patternfly/react-core';
+import { useTranslation } from 'react-i18next';
+import { useParams } from 'react-router-dom-v5-compat';
+import { NamespaceBar } from '@console/internal/components/namespace-bar';
+import { AsyncComponent } from '@console/internal/components/utils';
+import type { Page } from '@console/internal/components/utils';
+import { MultiTabListPage } from '@console/shared';
+import ClusterExtensionListPage from '../cluster-extension/ClusterExtensionListPage';
+import { OLMv1TechPreviewBadge } from '../OLMv1TechPreviewBadge';
+
+const InstalledSoftwarePage: FC = () => {
+  const { t } = useTranslation();
+  const { ns } = useParams<{ ns?: string }>();
+
+  const clusterExtensionsPage = useMemo<Page>(
+    () => ({
+      href: '',
+      name: t('olm-v1~Cluster extensions (OLMv1)'),
+      badge: [
+        <Flex alignItems={{ default: 'alignItemsCenter' }}>
+          <OLMv1TechPreviewBadge />
+        </Flex>,
+      ],
+      component: () => <ClusterExtensionListPage namespace={ns} />,
+    }),
+    [ns, t],
+  );
+
+  const clusterServiceVersionsPage = useMemo<Page>(
+    () => ({
+      href: 'olmv0-operators',
+      name: t('olm-v1~Operators (OLMv0)'),
+      component: () => (
+        <AsyncComponent
+          loader={() =>
+            import('@console/operator-lifecycle-manager/src/components/clusterserviceversion').then(
+              (m) => m.ClusterServiceVersionsPage,
+            )
+          }
+          namespace={ns}
+          showTitle={false}
+        />
+      ),
+    }),
+    [ns, t],
+  );
+
+  const pages = useMemo<Page[]>(() => [clusterExtensionsPage, clusterServiceVersionsPage], [
+    clusterExtensionsPage,
+    clusterServiceVersionsPage,
+  ]);
+
+  return (
+    <>
+      <NamespaceBar />
+      <MultiTabListPage title={t('olm-v1~Installed Software')} pages={pages} />
+    </>
+  );
+};
+
+export default InstalledSoftwarePage;
diff --git a/frontend/packages/operator-lifecycle-manager-v1/src/types.ts b/frontend/packages/operator-lifecycle-manager-v1/src/types.ts
index 3e20d5148f..059d81c00b 100644
--- a/frontend/packages/operator-lifecycle-manager-v1/src/types.ts
+++ b/frontend/packages/operator-lifecycle-manager-v1/src/types.ts
@@ -1,3 +1,37 @@
+import type { K8sResourceCommon } from '@console/internal/module/k8s';
+
+export type ClusterExtensionKind = K8sResourceCommon & {
+  spec?: {
+    namespace?: string;
+    source?: {
+      catalog?: {
+        packageName?: string;
+        version?: string;
+        channels?: string[];
+        selector?: {
+          matchLabels?: Record<string, string>;
+        };
+      };
+    };
+    serviceAccount?: {
+      name?: string;
+    };
+  };
+  status?: {
+    conditions?: {
+      type: string;
+      status: string;
+      reason?: string;
+      message?: string;
+      lastTransitionTime?: string;
+    }[];
+    installedBundle?: {
+      name?: string;
+      version?: string;
+    };
+  };
+};
+
 export type OLMCatalogItem = {
   id: string;
   capabilities: string;
diff --git a/frontend/packages/operator-lifecycle-manager/src/components/clusterserviceversion.tsx b/frontend/packages/operator-lifecycle-manager/src/components/clusterserviceversion.tsx
index 8429d635d4..c55b5bfa00 100644
--- a/frontend/packages/operator-lifecycle-manager/src/components/clusterserviceversion.tsx
+++ b/frontend/packages/operator-lifecycle-manager/src/components/clusterserviceversion.tsx
@@ -767,9 +767,11 @@ export const ClusterServiceVersionsPage: FC<ClusterServiceVersionsPageProps> = (
         ),
     );
 
+  const showTitle = props.showTitle !== false;
+
   return (
     <>
-      <DocumentTitle>{title}</DocumentTitle>
+      {showTitle && <DocumentTitle>{title}</DocumentTitle>}
       <MultiListPage
         {...props}
         resources={[
@@ -809,11 +811,11 @@ export const ClusterServiceVersionsPage: FC<ClusterServiceVersionsPageProps> = (
             optional: true,
           },
         ]}
-        title={title}
+        title={showTitle ? title : undefined}
         flatten={flatten}
         namespace={props.namespace}
         ListComponent={ClusterServiceVersionList}
-        helpText={helpText}
+        helpText={showTitle ? helpText : undefined}
         textFilter="cluster-service-version"
       />
     </>
@@ -1356,9 +1358,10 @@ type ClusterServiceVersionStatusProps = {
 };
 
 export type ClusterServiceVersionsPageProps = {
-  kind: string;
   namespace: string;
-  resourceDescriptions: CRDDescription[];
+  kind?: string;
+  resourceDescriptions?: CRDDescription[];
+  showTitle?: boolean;
 };
 
 export type ClusterServiceVersionListProps = {
diff --git a/frontend/public/components/utils/horizontal-nav.tsx b/frontend/public/components/utils/horizontal-nav.tsx
index 7e61d0915d..fc9daf2b72 100644
--- a/frontend/public/components/utils/horizontal-nav.tsx
+++ b/frontend/public/components/utils/horizontal-nav.tsx
@@ -193,7 +193,7 @@ export const NavBar: FC<NavBarProps> = ({ pages }) => {
   const tabs = (
     <div>
       <Tabs activeKey={defaultPage ? '' : lastElement} component="nav" usePageInsets>
-        {pages.map(({ name, nameKey, href }) => {
+        {pages.map(({ name, nameKey, href, badge }) => {
           const to = `${baseURL.replace(/\/$/, '')}/${encodeURIComponent(href)}`;
 
           return (
@@ -208,6 +208,7 @@ export const NavBar: FC<NavBarProps> = ({ pages }) => {
               data-test-id={`horizontal-link-${nameKey ? nameKey.split('~')[1] : name}`}
               title={<TabTitleText>{nameKey ? t(nameKey) : name}</TabTitleText>}
               aria-controls={undefined} // there is no corresponding tab content to control, so this ID is invalid
+              {...(badge ? { actions: badge } : {})}
             />
           );
         })}