diff --git a/components/frontend/src/theme.js b/components/frontend/src/theme.js
index e72acee051..91117fa944 100644
--- a/components/frontend/src/theme.js
+++ b/components/frontend/src/theme.js
@@ -10,7 +10,7 @@ const theme1 = createTheme({
     components: {
         MuiTooltip: {
             defaultProps: { arrow: true },
-            styleOverrides: { tooltip: { fontSize: "0.9em" } },
+            styleOverrides: { tooltip: { fontSize: "0.9rem" } },
         },
         MuiTextField: {
             defaultProps: { variant: "filled" },
@@ -25,18 +25,7 @@ const theme1 = createTheme({
         },
     },
     typography: {
-        fontFamily: [
-            "-apple-system",
-            "BlinkMacSystemFont",
-            '"Segoe UI"',
-            "Roboto",
-            '"Helvetica Neue"',
-            "Arial",
-            "sans-serif",
-            '"Apple Color Emoji"',
-            '"Segoe UI Emoji"',
-            '"Segoe UI Symbol"',
-        ].join(","), // Use system font
+        fontFamily: "sans-serif", // Use browser font
     },
 })
 
diff --git a/docs/src/changelog.md b/docs/src/changelog.md
index a471becdb3..49c99f3438 100644
--- a/docs/src/changelog.md
+++ b/docs/src/changelog.md
@@ -12,6 +12,12 @@ If your currently installed *Quality-time* version is not the latest version, pl
 
 <!-- The line "## <square-bracket>Unreleased</square-bracket>" is replaced by the release/release.py script with the new release version and release date. -->
 
+## [Unreleased]
+
+### Changed
+
+- Use the font configured in the browser instead of the browser's system font. Fixes [#9864](https://github.com/ICTU/quality-time/issues/9864).
+
 ## v5.23.0 - 2025-01-27
 
 ### Fixed