diff --git a/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx b/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx index 3ee808b8c8..af49c0b48c 100644 --- a/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx +++ b/plugins/catalog/src/components/CatalogTable/CatalogTable.tsx @@ -196,12 +196,14 @@ export const CatalogTable = (props: CatalogTableProps) => { // Derive the title's kind label from the displayed entities so the // title stays consistent with the rows during filter transitions. - const displayedKind = - entities[0]?.kind?.toLocaleLowerCase('en-US') ?? filters.kind?.value; + // Use the filter's label when it matches (it has proper casing), + // otherwise fall back to the entity's kind field directly. + const displayedKind = entities[0]?.kind ?? filters.kind?.value; const displayedKindLabel = - displayedKind === filters.kind?.value?.toLocaleLowerCase('en-US') + displayedKind?.toLocaleLowerCase('en-US') === + filters.kind?.value?.toLocaleLowerCase('en-US') ? filters.kind?.label || '' - : capitalize(displayedKind || ''); + : displayedKind || ''; const currentType = filters.type?.value || ''; const countIsCorrect = typeof totalItems === 'number' && !totalItemsLoading && !loading;