diff --git a/src/components/Dashboard/ProjectProgressChart.jsx b/src/components/Dashboard/ProjectProgressChart.jsx
index 61747f6c..247dcfa5 100644
--- a/src/components/Dashboard/ProjectProgressChart.jsx
+++ b/src/components/Dashboard/ProjectProgressChart.jsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import LineChart from "../Charts/LineChart";
-import { useProjects } from "../../hooks/useProjects";
+import { useProjectName } from "../../hooks/useProjects";
 import { useDashboard_Data } from "../../hooks/useDashboard_Data";
 import { useSelector } from "react-redux";
 
@@ -11,7 +11,7 @@ const ProjectProgressChart = ({
   const selectedProject = useSelector(
     (store) => store.localVariables.projectId
   );
-  const { projects } = useProjects();
+  const { projectNames } = useProjectName();
   const [range, setRange] = useState(DefaultRange);
   const [showAllEmployees, setShowAllEmployees] = useState(false);
 
@@ -79,7 +79,9 @@ const ProjectProgressChart = ({
     })
   );
 
-  const selectedProjectData = projects?.find((p) => p.id === selectedProject);
+  const selectedProjectData = projectNames?.find(
+    (p) => p.id === selectedProject
+  );
   const selectedProjectName = selectedProjectData?.shortName?.trim()
     ? selectedProjectData.shortName
     : selectedProjectData?.name;