From c8ad5c90bd5a548dd3b42a2c5c4e3cb072c0fbd6 Mon Sep 17 00:00:00 2001
From: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
Date: Wed, 6 Jan 2021 06:08:03 +0100
Subject: [PATCH] fix: Fixed width for dataset panel (#12221)

---
 .../src/explore/components/ExploreViewContainer.jsx      | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/superset-frontend/src/explore/components/ExploreViewContainer.jsx b/superset-frontend/src/explore/components/ExploreViewContainer.jsx
index 3fc926fc6b0..0104ee29cf1 100644
--- a/superset-frontend/src/explore/components/ExploreViewContainer.jsx
+++ b/superset-frontend/src/explore/components/ExploreViewContainer.jsx
@@ -81,8 +81,10 @@ const Styles = styled.div`
   border-top: 1px solid ${({ theme }) => theme.colors.grayscale.light2};
   .explore-column {
     display: flex;
+    flex: 0 0 ${({ theme }) => theme.gridUnit * 80}px;
     flex-direction: column;
     padding: ${({ theme }) => 2 * theme.gridUnit}px 0;
+    max-width: ${({ theme }) => theme.gridUnit * 80}px;
     max-height: 100%;
   }
   .data-source-selection {
@@ -122,9 +124,6 @@ const Styles = styled.div`
     padding: ${({ theme }) => 2 * theme.gridUnit}px;
     width: ${({ theme }) => 8 * theme.gridUnit}px;
   }
-  .data-tab {
-    min-width: 288px;
-  }
   .callpase-icon > svg {
     color: ${({ theme }) => theme.colors.primary.base};
   }
@@ -399,9 +398,7 @@ function ExploreViewContainer(props) {
       )}
       <div
         className={
-          isCollapsed
-            ? 'no-show'
-            : 'data-tab explore-column data-source-selection'
+          isCollapsed ? 'no-show' : 'explore-column data-source-selection'
         }
       >
         <div className="title-container">