diff --git a/src/components/material/MaterialTable.tsx b/src/components/material/MaterialTable.tsx
index 309f62b58b..fb3b0e1f68 100644
--- a/src/components/material/MaterialTable.tsx
+++ b/src/components/material/MaterialTable.tsx
@@ -15,7 +15,7 @@ import { IconNames } from '@blueprintjs/icons';
 import { ColDef, GridApi, GridReadyEvent } from 'ag-grid';
 import { AgGridReact } from 'ag-grid-react';
 import 'ag-grid/dist/styles/ag-grid.css';
-import 'ag-grid/dist/styles/ag-theme-balham.css';
+import 'ag-grid/dist/styles/ag-theme-material.css';
 import * as classNames from 'classnames';
 import { sortBy } from 'lodash';
 import * as React from 'react';
@@ -64,7 +64,7 @@ class MaterialTable extends React.Component<IMaterialTableProps, State> {
           cellRendererParams: {
             handleFetchMaterialIndex: this.props.handleFetchMaterialIndex
           },
-          maxWidth: 800,
+          width: 800,
           suppressMovable: true,
           suppressMenu: true,
           autoHeight: true,
@@ -75,14 +75,14 @@ class MaterialTable extends React.Component<IMaterialTableProps, State> {
         {
           headerName: 'Uploader',
           field: 'uploader.name',
-          maxWidth: 400,
+          width: 400,
           suppressMovable: true,
           suppressMenu: true
         },
         {
           headerName: 'Date',
           valueGetter: params => getStandardDateTime(params.data.inserted_at),
-          maxWidth: 400,
+          width: 400,
           suppressMovable: true,
           suppressMenu: true
         },
@@ -94,7 +94,7 @@ class MaterialTable extends React.Component<IMaterialTableProps, State> {
             handleDeleteMaterial: this.props.handleDeleteMaterial,
             handleDeleteMaterialFolder: this.props.handleDeleteMaterialFolder
           },
-          maxWidth: 200,
+          width: 150,
           suppressSorting: true,
           suppressMovable: true,
           suppressMenu: true,
@@ -196,7 +196,7 @@ class MaterialTable extends React.Component<IMaterialTableProps, State> {
         </div>
         <Divider />
         <div className="Material">
-          <div className="ag-grid-parent ag-theme-balham">
+          <div className="ag-grid-parent ag-theme-material">
             <AgGridReact
               gridAutoHeight={true}
               enableColResize={true}
@@ -250,6 +250,7 @@ class MaterialTable extends React.Component<IMaterialTableProps, State> {
   private onGridReady = (params: GridReadyEvent) => {
     this.gridApi = params.api;
     this.gridApi.sizeColumnsToFit();
+    window.onresize = () => this.gridApi!.sizeColumnsToFit();
   };
 }