From 32e7e83f6768837c0a883ddb093824c279aa947b Mon Sep 17 00:00:00 2001
From: Marc Posth <marc.posth@shopify.com>
Date: Tue, 31 Mar 2020 08:32:12 -0400
Subject: [PATCH] Description list long content styling fix

---
 UNRELEASED.md                                       | 2 ++
 src/components/DescriptionList/DescriptionList.scss | 1 +
 2 files changed, 3 insertions(+)

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;