diff --git a/frontend/src/components/LogViewer.vue b/frontend/src/components/LogViewer.vue
index 74f1d2c..54b8f55 100644
--- a/frontend/src/components/LogViewer.vue
+++ b/frontend/src/components/LogViewer.vue
@@ -2,7 +2,7 @@
   <div style="height: 100%; width: 100%">
   <ag-grid-vue
       style="width: 100%; height: 100%;"
-      class="ag-theme-alpine"
+      class="ag-theme-material"
       @grid-ready="onGridReady"
       :defaultColDef="defaultColDef"
       :columnDefs="columnDefs"
@@ -18,7 +18,7 @@
 <script>
 import { AgGridVue } from "ag-grid-vue3";
 import "ag-grid-community/styles//ag-grid.css";
-import "ag-grid-community/styles//ag-theme-alpine.css";
+import "ag-grid-community/styles//ag-theme-material.css";
 import ScreenshotCell from "./ScreenshotCell.js";
 
 export default {