diff --git a/resources/js/Components/DataTable/DataTable.jsx b/resources/js/Components/DataTable/DataTable.jsx
index f25592e85..2b0f71496 100644
--- a/resources/js/Components/DataTable/DataTable.jsx
+++ b/resources/js/Components/DataTable/DataTable.jsx
@@ -29,7 +29,7 @@ export default class DataTable extends Component {
             </tr>
           </thead>
 
-          <tbody>
+          <tbody className="mdc-data-table__content">
             {this.tableRows(vnode.children)}
           </tbody>
 
@@ -126,11 +126,11 @@ export default class DataTable extends Component {
   }
 
   showProgress() {
-    $(this.element).find('.mdc-data-table__progress-indicator mwc-linear-progress').get(0).open();
+    $(this.element).addClass('mdc-data-table--in-progress').find('.mdc-data-table__progress-indicator mwc-linear-progress').get(0).open();
   }
 
   hideProgress() {
-    $(this.element).find('.mdc-data-table__progress-indicator mwc-linear-progress').get(0).open();
+    $(this.element).removeClass('mdc-data-table--in-progress').find('.mdc-data-table__progress-indicator mwc-linear-progress').get(0).open();
   }
 
   onColumnClicked(event: Event) {
diff --git a/resources/js/Components/DataTable/TableCell.jsx b/resources/js/Components/DataTable/TableCell.jsx
index 0352410bc..167d3b5e2 100644
--- a/resources/js/Components/DataTable/TableCell.jsx
+++ b/resources/js/Components/DataTable/TableCell.jsx
@@ -14,7 +14,7 @@ export default class TableCell extends Component {
     });
 
     if ((!vnode.children || vnode.children.length === 0) && this.attrs.get('type') === 'checkbox') {
-      vnode.children = <mwc-checkbox/>;
+      vnode.children = <mwc-checkbox className="mdc-data-table__row-checkbox"/>;
     }
 
     return <td {...this.attrs.all()}>{vnode.children}</td>;
diff --git a/resources/js/Components/DataTable/TableColumn.jsx b/resources/js/Components/DataTable/TableColumn.jsx
index b4e6467a9..9c071f136 100644
--- a/resources/js/Components/DataTable/TableColumn.jsx
+++ b/resources/js/Components/DataTable/TableColumn.jsx
@@ -34,7 +34,7 @@ export default class TableColumn extends Component {
     }
 
     if ((!vnode.children || vnode.children.length === 0) && this.attrs.get('type') === 'checkbox') {
-      vnode.children = <mwc-checkbox/>;
+      vnode.children = <mwc-checkbox className="mdc-data-table__header-row-checkbox" />;
     }
 
     return <th {...this.attrs.all()} role="columnheader" scope="col">{vnode.children}</th>;