From f653a8de30d0b300fd06b4494af13eac7c62cd6b Mon Sep 17 00:00:00 2001
From: Evan Rusackas <evan@preset.io>
Date: Fri, 18 Dec 2020 14:14:07 -0800
Subject: [PATCH] fix(explore): overflow issue with metric options (#12129)

* fixing overflow issue

* lint!
---
 superset-frontend/src/explore/components/OptionControls.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/superset-frontend/src/explore/components/OptionControls.tsx b/superset-frontend/src/explore/components/OptionControls.tsx
index e002eeb34..a894d3105 100644
--- a/superset-frontend/src/explore/components/OptionControls.tsx
+++ b/superset-frontend/src/explore/components/OptionControls.tsx
@@ -38,8 +38,12 @@ const OptionControlContainer = styled.div<{ isAdhoc?: boolean }>`
 `;
 
 const Label = styled.div`
-  display: flex;
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
   align-items: center;
+  white-space: nowrap;
   padding-left: ${({ theme }) => theme.gridUnit}px;
   svg {
     margin-right: ${({ theme }) => theme.gridUnit}px;