diff --git a/awx/ui_next/src/components/FilterTags/FilterTags.jsx b/awx/ui_next/src/components/FilterTags/FilterTags.jsx index 97773ba65a..749c326256 100644 --- a/awx/ui_next/src/components/FilterTags/FilterTags.jsx +++ b/awx/ui_next/src/components/FilterTags/FilterTags.jsx @@ -5,7 +5,7 @@ import { t } from '@lingui/macro'; import styled from 'styled-components'; import { Button } from '@patternfly/react-core'; import { parseQueryString } from '@util/qs'; -import { ChipGroup, Chip } from '@components/Chip'; +import { ChipGroup as _ChipGroup, Chip } from '@components/Chip'; import VerticalSeparator from '@components/VerticalSeparator'; const FilterTagsRow = styled.div` @@ -24,6 +24,12 @@ const FilterLabel = styled.span` padding-right: 20px; `; +const ChipGroup = styled(_ChipGroup)` + li.pf-m-overflow { + display: none; + } +`; + // remove non-default query params so they don't show up as filter tags const filterDefaultParams = (paramsArr, config) => { const defaultParamsKeys = Object.keys(config.defaultParams); @@ -66,7 +72,7 @@ const FilterTags = ({ {i18n._(t`${itemCount} results`)} {i18n._(t`Active Filters:`)} - + {queryParamsArr.map(({ key, label, value }) => (