diff --git a/UNRELEASED.md b/UNRELEASED.md index 2b5b1c60d12..523375b7ab7 100644 --- a/UNRELEASED.md +++ b/UNRELEASED.md @@ -24,6 +24,7 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f - Added default accessibility label from `ResourceItem` ([#2097](https://github.com/Shopify/polaris-react/pull/2097)) - Reverted `Page.primaryAction` forcing `primary` to be `true` ([#2137](https://github.com/Shopify/polaris-react/pull/2137)) - Removed `React.Children.only` from `AppProvider`and `ThemeProvider` ([#2121](https://github.com/Shopify/polaris-react/pull/2121)) +- Fixed visual bug where button width changed in Filters component ([#1853](https://github.com/Shopify/polaris-react/issues/1853)) ### Documentation diff --git a/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.scss b/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.scss index a1ee915e2ce..b6d7d68c331 100644 --- a/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.scss +++ b/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.scss @@ -63,11 +63,14 @@ $stacking-order: ( } .MoreFiltersButtonContainer * { - margin-left: -1px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; flex-shrink: 0; white-space: nowrap; + + > div { + margin-left: -1px; + } } .Wrapper {