diff --git a/public/assets/css/core-extend.css b/public/assets/css/core-extend.css
index f72291fd..aa5642aa 100644
--- a/public/assets/css/core-extend.css
+++ b/public/assets/css/core-extend.css
@@ -1274,4 +1274,35 @@
   scrollbar-width: thin;
   scrollbar-color: #b3b3b3 #f0f0f0;
 }
-}
\ No newline at end of file
+
+/* ====================== Thin Scrollbar (Global) ====================== */
+
+.job-scroll-wrapper {
+  max-height: 350px;
+  overflow-y: auto;
+  padding-right: 8px;
+
+  /* Firefox thin scrollbar */
+  scrollbar-width: thin;
+  scrollbar-color: #c8c8c8 transparent;
+}
+
+/* Chrome, Edge, Safari */
+.job-scroll-wrapper::-webkit-scrollbar {
+  width: 4px;
+}
+
+.job-scroll-wrapper::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.job-scroll-wrapper::-webkit-scrollbar-thumb {
+  background-color: #c8c8c8;
+  border-radius: 20px;
+}
+
+.job-scroll-wrapper::-webkit-scrollbar-thumb:hover {
+  background-color: #a0a0a0;
+}
+
+
diff --git a/src/hooks/useDashboard_Data.jsx b/src/hooks/useDashboard_Data.jsx
index 6f1bae69..83ca17d4 100644
--- a/src/hooks/useDashboard_Data.jsx
+++ b/src/hooks/useDashboard_Data.jsx
@@ -180,7 +180,7 @@ export const useExpenseStatus = (projectId) => {
 };
 export const useJobsProgression = (projectId) => {
   return useQuery({
-    queryKey: ["serviceProjectJobs", projectId],
+    queryKey: ["jobs_Progression", projectId],
     queryFn: async () => {
       const resp = await GlobalRepository.getJobsProgression(projectId);
       return resp.data;