diff --git a/Client/src/Components/Label/index.jsx b/Client/src/Components/Label/index.jsx
index 37ec91e26..3041dbe02 100644
--- a/Client/src/Components/Label/index.jsx
+++ b/Client/src/Components/Label/index.jsx
@@ -122,6 +122,7 @@ ColoredLabel.propTypes = {
  * <StatusLabel status="up" text="Active" />
  */
 
+/* TODO check design aspect with Gorkem */
 const StatusLabel = ({ status, text, customStyles }) => {
 	const theme = useTheme();
 	const colors = {
diff --git a/Client/src/Components/Sidebar/index.jsx b/Client/src/Components/Sidebar/index.jsx
index d74e8ecdc..74d94ac42 100644
--- a/Client/src/Components/Sidebar/index.jsx
+++ b/Client/src/Components/Sidebar/index.jsx
@@ -180,6 +180,7 @@ function Sidebar() {
 				},
 			}}
 		>
+			{/* TODO change for link */}
 			<Stack
 				pt={theme.spacing(6)}
 				pb={theme.spacing(12)}
@@ -202,7 +203,8 @@ function Sidebar() {
 						color="white"
 						sx={{
 							position: "relative",
-							backgroundColor: theme.palette.primary.main,
+							backgroundColor: theme.palette.accent.main,
+							color: theme.palette.accent.contrastText,
 							borderRadius: theme.shape.borderRadius,
 							userSelect: "none",
 						}}