diff --git a/superset-frontend/src/explore/components/DataTablesPane/index.tsx b/superset-frontend/src/explore/components/DataTablesPane/index.tsx index 62229c4fefa7..389e0213c6cd 100644 --- a/superset-frontend/src/explore/components/DataTablesPane/index.tsx +++ b/superset-frontend/src/explore/components/DataTablesPane/index.tsx @@ -93,6 +93,7 @@ const CollapseWrapper = styled.div` height: calc(100% - ${({ theme }) => theme.gridUnit * 8}px); .ant-collapse-content-box { + padding-top: 0; height: 100%; } } diff --git a/superset-frontend/src/explore/components/ExploreChartPanel.jsx b/superset-frontend/src/explore/components/ExploreChartPanel.jsx index 67c410837731..9b8216a33dca 100644 --- a/superset-frontend/src/explore/components/ExploreChartPanel.jsx +++ b/superset-frontend/src/explore/components/ExploreChartPanel.jsx @@ -58,7 +58,8 @@ const propTypes = { const GUTTER_SIZE_FACTOR = 1.25; -const CHART_PANEL_PADDING = 30; +const CHART_PANEL_PADDING_HORIZ = 30; +const CHART_PANEL_PADDING_VERTICAL = 15; const HEADER_PADDING = 15; const STORAGE_KEYS = { @@ -183,8 +184,9 @@ const ExploreChartPanel = props => { const renderChart = useCallback(() => { const { chart } = props; - const newHeight = calcSectionHeight(splitSizes[0]) - CHART_PANEL_PADDING; - const chartWidth = chartPanelWidth - CHART_PANEL_PADDING; + const newHeight = + calcSectionHeight(splitSizes[0]) - CHART_PANEL_PADDING_VERTICAL; + const chartWidth = chartPanelWidth - CHART_PANEL_PADDING_HORIZ; return ( chartWidth > 0 && (