From 4d279935df8bf82bc83db6fa494b0581dfdaf810 Mon Sep 17 00:00:00 2001
From: Victor Malai <malai9696@gmail.com>
Date: Fri, 8 Jan 2021 20:09:37 +0200
Subject: [PATCH] fix: Set width to pseudoelement to wrap filter box (#12306)

* fix: set width pseudoelement to wrap

* Fix

Co-authored-by: Victor Malai <victormalai@Victors-MacBook-Pro.local>
---
 .../src/explore/components/AdhocFilterEditPopover.jsx           | 2 +-
 .../components/AdhocFilterEditPopoverSimpleTabContent.jsx       | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/superset-frontend/src/explore/components/AdhocFilterEditPopover.jsx b/superset-frontend/src/explore/components/AdhocFilterEditPopover.jsx
index 017d1e1c4..102723cdb 100644
--- a/superset-frontend/src/explore/components/AdhocFilterEditPopover.jsx
+++ b/superset-frontend/src/explore/components/AdhocFilterEditPopover.jsx
@@ -149,7 +149,7 @@ export default class AdhocFilterEditPopover extends React.Component {
           defaultActiveKey={adhocFilter.expressionType}
           className="adhoc-filter-edit-tabs"
           data-test="adhoc-filter-edit-tabs"
-          style={{ height: this.state.height, width: this.state.width }}
+          style={{ minHeight: this.state.height, width: this.state.width }}
           allowOverflow
         >
           <Tabs.TabPane
diff --git a/superset-frontend/src/explore/components/AdhocFilterEditPopoverSimpleTabContent.jsx b/superset-frontend/src/explore/components/AdhocFilterEditPopoverSimpleTabContent.jsx
index 819e60525..5856bfafe 100644
--- a/superset-frontend/src/explore/components/AdhocFilterEditPopoverSimpleTabContent.jsx
+++ b/superset-frontend/src/explore/components/AdhocFilterEditPopoverSimpleTabContent.jsx
@@ -44,6 +44,7 @@ const SelectWithLabel = styled(Select)`
     display: inline-block;
     white-space: nowrap;
     color: ${({ theme }) => theme.colors.grayscale.light1};
+    width: max-content;
   }
 `;