diff --git a/packages/ui/src/components/Catalog/BaseCatalog.tsx b/packages/ui/src/components/Catalog/BaseCatalog.tsx
index 9605f80d3..0eef5c255 100644
--- a/packages/ui/src/components/Catalog/BaseCatalog.tsx
+++ b/packages/ui/src/components/Catalog/BaseCatalog.tsx
@@ -24,7 +24,7 @@ export const BaseCatalog: FunctionComponent<BaseCatalogProps> = (props) => {
 
   const onSelectDataListItem = useCallback(
     (_event: React.MouseEvent | React.KeyboardEvent, id: string) => {
-      const tile = props.tiles.find((tile) => tile.name === id);
+      const tile = props.tiles.find((tile) => tile.name + '-' + tile.type === id);
       onTileClick(tile!);
     },
     [onTileClick, props.tiles],
diff --git a/packages/ui/src/components/Catalog/DataListItem.tsx b/packages/ui/src/components/Catalog/DataListItem.tsx
index 47b74de4a..c130f5e7a 100644
--- a/packages/ui/src/components/Catalog/DataListItem.tsx
+++ b/packages/ui/src/components/Catalog/DataListItem.tsx
@@ -37,7 +37,7 @@ export const CatalogDataListItem: FunctionComponent<ICatalogDataListItemProps> =
     <DataListItem
       aria-labelledby={props.tile.name}
       key={props.tile.name}
-      id={props.tile.name}
+      id={props.tile.name + '-' + props.tile.type}
       className="catalog-data-list-item"
     >
       <DataListItemRow>
diff --git a/packages/ui/src/components/Catalog/__snapshots__/DataListItem.test.tsx.snap b/packages/ui/src/components/Catalog/__snapshots__/DataListItem.test.tsx.snap
index 748647b6a..bdc0801c7 100644
--- a/packages/ui/src/components/Catalog/__snapshots__/DataListItem.test.tsx.snap
+++ b/packages/ui/src/components/Catalog/__snapshots__/DataListItem.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`DataListItem renders correctly 1`] = `
 <li
   aria-labelledby="tile-name"
   class="pf-v5-c-data-list__item catalog-data-list-item"
-  id="tile-name"
+  id="tile-name-tile-type"
 >
   <div
     class="pf-v5-c-data-list__item-row"