diff --git a/src/components/Project/ProjectOverview.jsx b/src/components/Project/ProjectOverview.jsx
index 1aa1f300..a15a8ae5 100644
--- a/src/components/Project/ProjectOverview.jsx
+++ b/src/components/Project/ProjectOverview.jsx
@@ -4,7 +4,7 @@ import {useEmployeesByProjectAllocated, useProjects} from "../../hooks/useProjec
 const ProjectOverview = ({project}) =>
 {
 const {projects} = useProjects()
-const teamSize = projects.find((pro)=>pro.id == project)
+  const project_detail = projects.find( ( pro ) => pro.id == project )
   return (
     <div className="card mb-6">
       <div className="card-body">
@@ -15,17 +15,18 @@ const teamSize = projects.find((pro)=>pro.id == project)
           <li className="d-flex align-items-center mb-4">
             <i className="bx bx-check"></i>
             <span className="fw-medium mx-2">Task Planned:</span>{" "}
-            <span>13.5k</span>
+            <span>{project_detail?.plannedWork
+            }</span>
           </li>
           <li className="d-flex align-items-center mb-4">
             <i className="bx bx-star"></i>
             <span className="fw-medium mx-2">Task Completed:</span>{" "}
-            <span>146</span>
+            <span>{project_detail?.completedWork }</span>
           </li>
           <li className="d-flex align-items-center">
             <i className="bx bx-user"></i>
             <span className="fw-medium mx-2">Current team Size:</span>{" "}
-            <span>{teamSize?.teamSize}</span>
+            <span>{project_detail?.teamSize}</span>
           </li>
         </ul>
       </div>