Use roboto font for table

1 files changed, 11 insertions, 1 deletions

diff --git a/client/src/components/Dashboard.tsx b/client/src/components/Dashboard.tsx
index 56b50a2..119fc5d 100644
--- a/client/src/components/Dashboard.tsx
+++ b/client/src/components/Dashboard.tsx
@@ -6,8 +6,16 @@ import {
   type MRT_ColumnDef,
 } from 'material-react-table';
 import type { Guest } from '../models';
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
 
 function Dashboard() {
+  const tableTheme = createTheme({
+    ...useTheme(),
+    typography: {
+      fontFamily: ['Roboto', 'sans-serif'].join(','),
+    },
+  });
+
   const guests: Guest[] = useOutletContext();
   const columns = useMemo<MRT_ColumnDef<Guest>[]>(
     () => [
@@ -67,7 +75,9 @@ function Dashboard() {
       }}
     >
       <div style={{ marginTop: 128 }}>
-        <MaterialReactTable table={table} />
+        <ThemeProvider theme={tableTheme}>
+          <MaterialReactTable table={table} />
+        </ThemeProvider>
       </div>
     </div>
   );