diff --git a/superset-frontend/plugins/plugin-chart-pivot-table/src/PivotTableChart.tsx b/superset-frontend/plugins/plugin-chart-pivot-table/src/PivotTableChart.tsx index 53e98fd31d..3bbf8af9a0 100644 --- a/superset-frontend/plugins/plugin-chart-pivot-table/src/PivotTableChart.tsx +++ b/superset-frontend/plugins/plugin-chart-pivot-table/src/PivotTableChart.tsx @@ -53,7 +53,7 @@ const Styles = styled.div` const PivotTableWrapper = styled.div` height: 100%; - max-width: fit-content; + max-width: inherit; overflow: auto; `; diff --git a/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js b/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js index 5393e4f610..0854620f2b 100644 --- a/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js +++ b/superset-frontend/plugins/plugin-chart-pivot-table/src/react-pivottable/Styles.js @@ -23,6 +23,7 @@ export const Styles = styled.div` ${({ theme, isDashboardEditMode }) => css` table.pvtTable { position: ${isDashboardEditMode ? 'inherit' : 'relative'}; + width: calc(100% - ${theme.gridUnit}px); font-size: ${theme.typography.sizes.s}px; text-align: left; margin: ${theme.gridUnit}px;