diff --git a/public/assets/css/core-extend.css b/public/assets/css/core-extend.css
index 49d14ce2..cef2e129 100644
--- a/public/assets/css/core-extend.css
+++ b/public/assets/css/core-extend.css
@@ -2265,6 +2265,37 @@
 ::-webkit-scrollbar {
   width: 8px;
 }
+/* ====================== 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;
+}
+
+
 
 ::-webkit-scrollbar-track {
   background: #f0f0f0;
@@ -2286,4 +2317,26 @@
 * {
   scrollbar-width: thin;
   scrollbar-color: #b3b3b3 #f0f0f0;
-}
\ No newline at end of file
+}
+
+::-webkit-scrollbar-track {
+  background: #f0f0f0;
+  /* light grey track */
+}
+
+::-webkit-scrollbar-thumb {
+  background: #b3b3b3;
+  /* grey handle */
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #8e8e8e;
+  /* darker grey on hover */
+}
+
+/* For Firefox */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #b3b3b3 #f0f0f0;
+}