Hide overflow chip in filter tags component

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 = ({
         <ResultCount>{i18n._(t`${itemCount} results`)}</ResultCount>
         <VerticalSeparator />
         <FilterLabel>{i18n._(t`Active Filters:`)}</FilterLabel>
-        <ChipGroup>
+        <ChipGroup defaultIsOpen>
           {queryParamsArr.map(({ key, label, value }) => (
             <Chip
               className="searchTagChip"