diff --git a/src/style/Theme.js b/src/style/Theme.js
index 6b76d34e1e1f3775e5ca9b2f830debf4508e1bcd..029b545aaceab57bb67b84662d95db04acf13b0c 100644
--- a/src/style/Theme.js
+++ b/src/style/Theme.js
@@ -5,7 +5,7 @@ import "@fontsource/titillium-web/400.css";
 import "@fontsource/titillium-web/600.css";
 import "@fontsource/titillium-web/900.css";
 import { createTheme, responsiveFontSizes } from "@mui/material";
-import { yellow } from "@mui/material/colors";
+import { yellow, grey } from "@mui/material/colors";
 
 export let theme = createTheme({});
 
@@ -79,7 +79,8 @@ theme = createTheme(theme, {
   palette: {
     primary: {
       main: theme.palette.essCyan.main,
-      lightText: theme.palette.essWhite
+      lightText: theme.palette.essWhite,
+      mediumText: grey[800]
     },
     primaryContrastText: {
       main: theme.palette.primary.contrastText