diff --git a/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx b/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx index cebddd971d..2d7ec17954 100644 --- a/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx +++ b/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx @@ -226,6 +226,9 @@ export const MultiselectFilterControl = ({ ); + const withGroupPrefix = (group: string) => + group === category.title ? group : `${category.title}/${group}`; + return ( <> { @@ -234,8 +237,8 @@ export const MultiselectFilterControl = ({ chips={chipsFor(firstGroup)} deleteChip={(_, chip) => onFilterClear(chip)} deleteChipGroup={() => onFilterClearGroup(firstGroup)} - categoryName={firstGroup} - key={firstGroup} + categoryName={{ name: firstGroup, key: withGroupPrefix(firstGroup) }} + key={withGroupPrefix(firstGroup)} showToolbarItem={showToolbarItem} >