diff --git a/UNRELEASED.md b/UNRELEASED.md index b44ed72e049..6aaa622d9ef 100644 --- a/UNRELEASED.md +++ b/UNRELEASED.md @@ -10,6 +10,8 @@ ### Bug fixes +- Fixed `DescriptionList` content overflowing when `term` or `description` have long unbroken words ([#2880](https://github.com/Shopify/polaris-react/pull/2880)) + ### Documentation ### Development workflow diff --git a/src/components/DescriptionList/DescriptionList.scss b/src/components/DescriptionList/DescriptionList.scss index aed9d4a89ad..2a8e87abfab 100644 --- a/src/components/DescriptionList/DescriptionList.scss +++ b/src/components/DescriptionList/DescriptionList.scss @@ -5,6 +5,7 @@ $breakpoint: 550px; .DescriptionList { margin: 0; padding: 0; + word-break: break-word; @include page-content-breakpoint-after($breakpoint) { display: flex;