From d781690c29e04de9b6c79a4980fa42bb902cc66f Mon Sep 17 00:00:00 2001
From: Caroline Song <caroline.song@shopify.com>
Date: Thu, 30 Apr 2020 15:44:16 -0400
Subject: [PATCH] fix long sort option label overflow on all screens

---
 UNRELEASED.md                                 |  2 ++
 src/components/ResourceList/ResourceList.scss | 10 +++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/UNRELEASED.md b/UNRELEASED.md
index ecf6cc45853..d4c8cbf9183 100644
--- a/UNRELEASED.md
+++ b/UNRELEASED.md
@@ -6,6 +6,8 @@
 
 ### Enhancements
 
+- Truncated long sort options in `ResourceList` ([#2957](https://github.com/Shopify/polaris-react/pull/2957)
+
 ### Bug fixes
 
 ### Documentation
diff --git a/src/components/ResourceList/ResourceList.scss b/src/components/ResourceList/ResourceList.scss
index f84a12860ed..8ee6ed2a87a 100644
--- a/src/components/ResourceList/ResourceList.scss
+++ b/src/components/ResourceList/ResourceList.scss
@@ -118,11 +118,11 @@ $item-wrapper-loading-height: rem(64px);
   }
 }
 
-// Force long sort options to be truncated
-.SortWrapper,
-.SortWrapper > * {
-  @include breakpoint-before(resource-list(breakpoint-small)) {
-    overflow: hidden;
+.SortWrapper {
+  @include layout-flex-fix;
+
+  > * {
+    max-width: 100%;
   }
 }