diff --git a/Client/src/Components/Charts/BarChart/BarChart.jsx b/Client/src/Components/Charts/BarChart/BarChart.jsx
index dd2ba070c..af148f6fe 100644
--- a/Client/src/Components/Charts/BarChart/BarChart.jsx
+++ b/Client/src/Components/Charts/BarChart/BarChart.jsx
@@ -1,18 +1,14 @@
import React from "react";
import "./barChart.css";
-const BarChart = () => {
- const data = Array.from({ length: 12 }, () =>
- Math.floor(Math.random() * 100)
- );
-
+const BarChart = ({ checks }) => {
return (
- {data.map((value, index) => (
+ {checks.map((value, index) => (
))}
diff --git a/Client/src/Components/DashboardSettingsIcon/index.css b/Client/src/Components/DashboardSettingsIcon/index.css
index 1221e542f..95dc58176 100644
--- a/Client/src/Components/DashboardSettingsIcon/index.css
+++ b/Client/src/Components/DashboardSettingsIcon/index.css
@@ -1,10 +1,10 @@
-.dashboard-setting-menu-item {
+#dashboard-setting-menu-item {
width: 135px;
padding: 6px;
margin: 5px 12px;
}
-.dashboard-setting-menu-item:hover {
+#dashboard-setting-menu-item:hover {
color: var(--env-var-color-26);
}
diff --git a/Client/src/Components/DashboardSettingsIcon/index.jsx b/Client/src/Components/DashboardSettingsIcon/index.jsx
index d2b9b97be..f01e65900 100644
--- a/Client/src/Components/DashboardSettingsIcon/index.jsx
+++ b/Client/src/Components/DashboardSettingsIcon/index.jsx
@@ -74,7 +74,7 @@ function DashboardSettings() {
>
{settings.map((setting) => (