diff --git a/package.json b/package.json
index ce1d3ccf5..0b4cbd13d 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
         "@inertiajs/inertia": "^0.10.0",
         "@maicol07/inertia-mithril": "^0.3.3",
         "@material/card": "^12.0.0",
+        "@material/data-table": "^12.0.0",
         "@material/layout-grid": "^12.0.0",
         "@material/mwc-button": "^0.22.1",
         "@material/mwc-checkbox": "^0.22.1",
@@ -32,6 +33,7 @@
         "@material/mwc-top-app-bar": "^0.22.1",
         "@material/theme": "^12.0.0",
         "@mdi/font": "^5.9.55",
+        "classnames": "^2.3.1",
         "jquery": "^3.6.0",
         "lit-element": "^2.5.1",
         "locale-code": "^2.0.2",
diff --git a/resources/scss/_material.scss b/resources/scss/_material.scss
index 6fc5d8725..a7d037daf 100644
--- a/resources/scss/_material.scss
+++ b/resources/scss/_material.scss
@@ -5,9 +5,12 @@
 );
 @use "~@material/card";
 @use "~@material/layout-grid/mdc-layout-grid";
+@use "~@material/data-table/data-table";
 @use "~@mdi/font";
 
 @include card.core-styles;
+@include data-table.core-styles;
+@include data-table.theme-baseline;
 
 /* ---------------------------
     MWC Components