diff --git a/CHANGELOG.md b/CHANGELOG.md index 55894ace4b6..f3ae0636500 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,10 @@ - Added icons for `appSearchApp` and `workplaceSearchApp` to `EuiIcon` ([#3859](https://github.com/elastic/eui/pull/3859)) - Added `unlink` glyph to `EuiIcon` ([#3869](https://github.com/elastic/eui/pull/3869)) +**Bug fixes** + +- Fixed `EuiFacetGroup` container expansion due to negative margin value ([#3871](https://github.com/elastic/eui/pull/3871)) + ## [`27.4.0`](https://github.com/elastic/eui/tree/v27.4.0) - Added `customOptionText` prop to `EuiComboBox` ([#3811](https://github.com/elastic/eui/pull/3811)) diff --git a/src/components/facet/_facet_group.scss b/src/components/facet/_facet_group.scss index 43445422a11..00d2b73f98e 100644 --- a/src/components/facet/_facet_group.scss +++ b/src/components/facet/_facet_group.scss @@ -12,10 +12,10 @@ $gutterAdjustment: $euiSizeM + $gutterSize; // Collapse margin on the right side of the group to allow it to extend the full width - margin-right: -#{$gutterAdjustment}; + margin-left: -#{$gutterAdjustment}; .euiFacetButton { - margin-right: $gutterAdjustment; + margin-left: $gutterAdjustment; // Adjust the max-width so it fits within the alloted margin max-width: calc(100% - #{$gutterAdjustment}); }