diff --git a/Client/src/Pages/Monitors/Details/Charts/index.jsx b/Client/src/Pages/Monitors/Details/Charts/index.jsx
index 915ee0933..fc01fbfc9 100644
--- a/Client/src/Pages/Monitors/Details/Charts/index.jsx
+++ b/Client/src/Pages/Monitors/Details/Charts/index.jsx
@@ -246,13 +246,13 @@ const ResponseGaugeChart = ({ data }) => {
 			? {
 					category: "Excellent",
 					main: theme.palette.success.main,
-					bg: theme.palette.success.dark,
+					bg: theme.palette.success.contrastText,
 				}
 			: responseTime <= 500
 				? {
 						category: "Fair",
 						main: theme.palette.success.main,
-						bg: theme.palette.success.dark,
+						bg: theme.palette.success.contrastText,
 					}
 				: responseTime <= 600
 					? {
diff --git a/Client/src/Pages/Monitors/utils.jsx b/Client/src/Pages/Monitors/utils.jsx
index 1c351d4ad..e03b52e79 100644
--- a/Client/src/Pages/Monitors/utils.jsx
+++ b/Client/src/Pages/Monitors/utils.jsx
@@ -31,7 +31,7 @@ const useUtils = () => {
 	const statusStyles = {
 		up: {
 			backgroundColor: theme.palette.success.dark,
-			background: `linear-gradient(340deg, ${theme.palette.success.light} -60%, ${theme.palette.success.dark} 35%)`,
+			background: `linear-gradient(340deg, ${theme.palette.success.dark} -60%, ${theme.palette.success.light} 35%)`,
 			borderColor: theme.palette.success.light,
 			"& h2": { color: theme.palette.success.main },
 		},
diff --git a/Client/src/Utils/Theme/constants.js b/Client/src/Utils/Theme/constants.js
index 1b5cdc27f..df9b5da93 100644
--- a/Client/src/Utils/Theme/constants.js
+++ b/Client/src/Utils/Theme/constants.js
@@ -100,10 +100,10 @@ const semanticColors = {
 		},
 		light: {
 			light: paletteColors.green50,
-			dark: paletteColors.green150,
+			dark: paletteColors.green800,
 		},
 		dark: {
-			light: paletteColors.green800,
+			light: paletteColors.green400,
 			dark: paletteColors.green900,
 		},
 	},