From 40f720a8a4b2a9e0a34afdeb7c8fc3eea1ea52fe Mon Sep 17 00:00:00 2001
From: MiraGeowerkstatt <mira.bleuler@geowerkstatt.ch>
Date: Wed, 14 Aug 2024 12:28:29 +0200
Subject: [PATCH] Use font from theme

---
 src/client/src/AppTheme.ts                                  | 3 +++
 src/client/src/mui.theme.d.ts                               | 6 ++++++
 .../src/pages/overview/boreholeTable/boreholeTable.tsx      | 2 --
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/client/src/AppTheme.ts b/src/client/src/AppTheme.ts
index 8617224ac..59a559b2d 100644
--- a/src/client/src/AppTheme.ts
+++ b/src/client/src/AppTheme.ts
@@ -79,6 +79,9 @@ export const theme = createTheme({
       color: "#787878",
       lineHeight: "1.4em",
     },
+    body2: {
+      fontSize: "16px",
+    },
     fullPageMessage: {
       fontSize: "23px",
       color: "#000000",
diff --git a/src/client/src/mui.theme.d.ts b/src/client/src/mui.theme.d.ts
index 208852875..8d1093af5 100644
--- a/src/client/src/mui.theme.d.ts
+++ b/src/client/src/mui.theme.d.ts
@@ -79,6 +79,9 @@ declare module "@mui/material/styles" {
         color: string;
         lineHeight: string;
       };
+      body2: {
+        fontSize: string;
+      };
       fullPageMessage: {
         fontSize: string;
         color: string;
@@ -164,6 +167,9 @@ declare module "@mui/material/styles" {
         color: string;
         lineHeight: string;
       };
+      body2: {
+        fontSize: string;
+      };
       fullPageMessage: {
         fontSize: string;
         color: string;
diff --git a/src/client/src/pages/overview/boreholeTable/boreholeTable.tsx b/src/client/src/pages/overview/boreholeTable/boreholeTable.tsx
index c54276c5c..78af72331 100644
--- a/src/client/src/pages/overview/boreholeTable/boreholeTable.tsx
+++ b/src/client/src/pages/overview/boreholeTable/boreholeTable.tsx
@@ -164,8 +164,6 @@ export const BoreholeTable: FC<BoreholeTableProps> = ({
   }, [apiRef, onHover]);
 
   const StyledDataGrid = styled(DataGrid)(() => ({
-    fontFamily: theme.typography.fontFamily,
-    fontSize: "16px",
     ".MuiDataGrid-columnHeader": {
       backgroundColor: theme.palette.boxShadow,
     },