diff --git a/Client/src/Pages/Auth/NewPasswordConfirmed.jsx b/Client/src/Pages/Auth/NewPasswordConfirmed.jsx
index dc1cb63aa..cbd884274 100644
--- a/Client/src/Pages/Auth/NewPasswordConfirmed.jsx
+++ b/Client/src/Pages/Auth/NewPasswordConfirmed.jsx
@@ -104,7 +104,6 @@ const NewPasswordConfirmed = () => {
 					</Box>
 					<Button
 						variant="contained"
-						color="accent"
 						onClick={() => navigate("/uptime")}
 						sx={{
 							width: "100%",
diff --git a/Client/src/Pages/Infrastructure/index.jsx b/Client/src/Pages/Infrastructure/index.jsx
index e5e834bef..fbbda23ac 100644
--- a/Client/src/Pages/Infrastructure/index.jsx
+++ b/Client/src/Pages/Infrastructure/index.jsx
@@ -259,6 +259,7 @@ function Infrastructure() {
 								rowSX: {
 									cursor: "pointer",
 									"&:hover": {
+										/* TODO check */
 										backgroundColor: "red" /* theme.palette.background.accent */,
 									},
 								},
diff --git a/Client/src/Pages/Uptime/Details/Charts/UpBarChart.jsx b/Client/src/Pages/Uptime/Details/Charts/UpBarChart.jsx
index 472aec31f..081049258 100644
--- a/Client/src/Pages/Uptime/Details/Charts/UpBarChart.jsx
+++ b/Client/src/Pages/Uptime/Details/Charts/UpBarChart.jsx
@@ -19,14 +19,6 @@ const UpBarChart = memo(({ monitor, type, onBarHover }) => {
 	const [chartHovered, setChartHovered] = useState(false);
 	const [hoveredBarIndex, setHoveredBarIndex] = useState(null);
 
-	/* const getColorRange = (responseTime) => {
-		return responseTime < 200
-			? { main: theme.palette.success.main, light: theme.palette.success.light }
-			: responseTime < 300
-				? { main: theme.palette.warning.main, light: theme.palette.warning.light }
-				: { main: theme.palette.error.main, light: theme.palette.error.light };
-	}; */
-
 	return (
 		<ResponsiveContainer
 			width="100%"
diff --git a/Client/src/Pages/Uptime/Home/index.jsx b/Client/src/Pages/Uptime/Home/index.jsx
index 55bc047b0..ff287a2c9 100644
--- a/Client/src/Pages/Uptime/Home/index.jsx
+++ b/Client/src/Pages/Uptime/Home/index.jsx
@@ -41,6 +41,7 @@ const UptimeMonitors = () => {
 	const theme = useTheme();
 	const navigate = useNavigate();
 	const isAdmin = useIsAdmin();
+
 	const authState = useSelector((state) => state.auth);
 
 	const fetchParams = useMemo(
@@ -65,6 +66,7 @@ const UptimeMonitors = () => {
 					? "0"
 					: (monitor.uptimePercentage * 100).toFixed(2);
 
+			/* TODO check */
 			percentageColor =
 				monitor.uptimePercentage < 0.25
 					? "red" /*  theme.palette.percentage.uptimePoor */
diff --git a/Client/src/Pages/Uptime/utils.jsx b/Client/src/Pages/Uptime/utils.jsx
index 9d9d9e43b..550b50555 100644
--- a/Client/src/Pages/Uptime/utils.jsx
+++ b/Client/src/Pages/Uptime/utils.jsx
@@ -29,7 +29,9 @@ const useUtils = () => {
 		paused: "Paused",
 	};
 
-	/* This is used on 
+	/* 
+	TODO 
+	This is used on 
 	1) Details > Gradient card */
 	/* These are rediections. We should do something that maps up to success, down to error, and get the theme by that
 	See Client\src\Components\Label\index.jsx