diff --git a/Client/src/Utils/Theme/darkTheme.js b/Client/src/Utils/Theme/darkTheme.js
index 72f7dba10..6eca20aa3 100644
--- a/Client/src/Utils/Theme/darkTheme.js
+++ b/Client/src/Utils/Theme/darkTheme.js
@@ -1,5 +1,4 @@
 import { createTheme } from "@mui/material";
-import { gaugeHeaderCommon } from "./lightTheme"
 
 const text = {
 	primary: "#fafafa",
@@ -31,15 +30,17 @@ const darkTheme = createTheme({
 		body2: { fontSize: 12, color: text.tertiary, fontWeight: 400 },
 	},
 	chart: {
-		header :{
-			...gaugeHeaderCommon,
+		header: {
+			fontWeight: 400,
+			fill: text.tertiary,
 			fontSize: 11,
 		},
-		subheader :{
-			...gaugeHeaderCommon,
-			fontSize: 9
-		}
-	},	
+		subheader: {
+			fontWeight: 400,
+			fill: text.tertiary,
+			fontSize: 9,
+		},
+	},
 	palette: {
 		mode: "dark",
 		primary: { main: "#1570ef" },
diff --git a/Client/src/Utils/Theme/lightTheme.js b/Client/src/Utils/Theme/lightTheme.js
index 8ea1e285b..e6335a062 100644
--- a/Client/src/Utils/Theme/lightTheme.js
+++ b/Client/src/Utils/Theme/lightTheme.js
@@ -13,11 +13,6 @@ const background = {
 	accent: "#f9fafb",
 };
 
-export const gaugeHeaderCommon = {
-	fontWeight: 400,
-	fill: text.tertiary
-}
-
 const border = { light: "#eaecf0", dark: "#d0d5dd" };
 
 const fontFamilyDefault =
@@ -35,14 +30,16 @@ const lightTheme = createTheme({
 		body2: { fontSize: 12, color: text.tertiary, fontWeight: 400 },
 	},
 	chart: {
-		header :{
-			...gaugeHeaderCommon,
+		header: {
+			fontWeight: 400,
+			fill: text.tertiary,
 			fontSize: 11,
 		},
-		subheader :{
-			...gaugeHeaderCommon,
-			fontSize: 9
-		}
+		subheader: {
+			fontWeight: 400,
+			fill: text.tertiary,
+			fontSize: 9,
+		},
 	},
 	palette: {
 		primary: { main: "#1570EF" },