diff --git a/CHANGELOG.md b/CHANGELOG.md index bc85b894d9c..3fe44f20591 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ ## [`master`](https://github.com/elastic/eui/tree/master) -No public interface changes since `23.1.0`. +- Applies `max-width: 100%` to `EuiPageBody` so inner flex-based items don't overflow their containers ([#3375](https://github.com/elastic/eui/pull/3375)) ## [`23.1.0`](https://github.com/elastic/eui/tree/v23.1.0) diff --git a/src/components/page/page_body/_page_body.scss b/src/components/page/page_body/_page_body.scss index 0ce849817b8..990f0fcd1ab 100644 --- a/src/components/page/page_body/_page_body.scss +++ b/src/components/page/page_body/_page_body.scss @@ -3,6 +3,8 @@ flex-direction: column; align-items: stretch; flex: 1 1 100%; + // Make sure that inner flex layouts don't get larger than this container + max-width: 100%; &--restrictWidth-default, &--restrictWidth-custom {