Correct way to have table take up full available height

resources/frontend_client/app/components/mb_data_table/mb_data_table.css

@@ -13,15 +13,6 @@
     transition: opacity .3s linear;
 }
 
-/* these two rules cause the table to take up the full available height */
-.MB-DataTable {
-    display: flex;
-    flex-direction: column;
-}
-.public_fixedDataTable_main {
-    flex: 1;
-}
-
 .PagingButtons {
     border: 1px solid #ddd;
 }

resources/frontend_client/app/query_builder/QueryVisualizationTable.react.js

@@ -275,7 +275,7 @@ export default class QueryVisualizationTable extends Component {
                     rowGetter={this.rowGetter}
                     rowsCount={this.state.data.rows.length}
                     width={this.state.width}
-                    maxHeight={this.state.height}
+                    height={this.state.height}
                     headerHeight={50}
                     isColumnResizing={this.isColumnResizing}
                     onColumnResizeEndCallback={this.columnResized}