diff --git a/recruitment/static/pipeline/activeTab.js b/recruitment/static/pipeline/activeTab.js
index 5a49136a7..08f597844 100644
--- a/recruitment/static/pipeline/activeTab.js
+++ b/recruitment/static/pipeline/activeTab.js
@@ -14,4 +14,25 @@ $(document).ready(function () {
       var activeTab = $(this).attr('data-target');
       localStorage.setItem('activeTabRecruitment',activeTab)
     });
-  });
\ No newline at end of file
+  });
+
+  $(document).ready(function () {
+    $('.oh-tabs__tab').click(function (e) {
+        // Remove fw-bold class from all tabs
+        $('.oh-tabs__tab').removeClass('fw-bold');
+
+        // Add fw-bold class to the clicked tab
+        $(this).addClass('fw-bold');
+
+        // Your existing code for storing the active tab
+        var activeTab = $(this).attr('data-target');
+        localStorage.setItem('activeTabOnboarding', activeTab);
+    });
+
+    // Your existing code for setting the active tab on page load
+    var activeTab = localStorage.getItem('activeTabOnboarding');
+    if (activeTab != null) {
+        var tab = $(`[data-target="${activeTab}"]`);
+        $(tab).addClass('fw-bold');
+    }
+});
diff --git a/recruitment/templates/pipeline/pipeline.html b/recruitment/templates/pipeline/pipeline.html
index cbbfa4f83..361a01639 100644
--- a/recruitment/templates/pipeline/pipeline.html
+++ b/recruitment/templates/pipeline/pipeline.html
@@ -139,7 +139,7 @@
           data-stage-id="{{stage.id}}"
           data-recruitment-id="{{rec.id}}"
         >
-          <div class="pipeline-header" {% if request.user.employee_get in stage.stage_managers.all %} style="background-color: hsl(109.8deg 100% 50% / 30%);" {% endif %}>
+          <div class="pipeline-header" {% if request.user.employee_get in stage.stage_managers.all %} style="background-color: hsl(109.8deg 100% 50% / 20%);" {% endif %}>
             <div class="pipeline-toggle w-75" data-stage-id="{{stage.id}}">
               <div class="oh-tabs__input-badge-container">
                 <span
diff --git a/recruitment/templates/pipeline/pipeline_card.html b/recruitment/templates/pipeline/pipeline_card.html
index 033b34177..c626c6f78 100644
--- a/recruitment/templates/pipeline/pipeline_card.html
+++ b/recruitment/templates/pipeline/pipeline_card.html
@@ -42,7 +42,7 @@
       data-sequence = "{{stage.sequence}}"
       data-recruitment-id = "{{rec.id}}"
     >
-      <div class="oh-kanban__section-head stage" style="cursor: pointer; {% if request.user.employee_get in stage.stage_managers.all %} background-color: hsl(109.8deg 100% 50% / 30%); {% endif %}" data-recruitment-id='{{rec.id}}'>
+      <div class="oh-kanban__section-head stage" style="cursor: pointer; {% if request.user.employee_get in stage.stage_managers.all %} background-color: hsl(109.8deg 100% 50% / 20%); {% endif %}" data-recruitment-id='{{rec.id}}'>
         <div class="d-flex">
           <span class="oh-badge oh-badge--secondary oh-badge--small oh-badge--round ms-2 mr-2" data-rec-stage-badge="{{rec.id}}" id="stageCount{{stage.id}}" title="{{stage.active_candidates.all|length}} {% trans 'candidates' %}">{{stage.active_candidates.all|length}}</span>
           <span class="oh-kanban__section-title" data-type="label"
diff --git a/recruitment/templates/pipeline/pipeline_tabs.html b/recruitment/templates/pipeline/pipeline_tabs.html
index c6c0dc6ef..45f2e4d3f 100644
--- a/recruitment/templates/pipeline/pipeline_tabs.html
+++ b/recruitment/templates/pipeline/pipeline_tabs.html
@@ -4,7 +4,7 @@
     {% for rec in recruitment %}
     {% if request.user|stage_manages:rec or perms.recruitment.view_recruitment %}
 
-    <li class="oh-tabs__tab" style="padding-right: 0;{% if request.user|recruitment_manages:rec %} background-color: hsl(109.8deg 100% 50% / 30%); {% endif %}" data-target="#tab_rec_{{rec.id}}">
+    <li class="oh-tabs__tab" style="padding-right: 0;{% if request.user|recruitment_manages:rec %} background-color: hsl(109.8deg 100% 50% / 20%); {% endif %}" data-target="#tab_rec_{{rec.id}}">
       {{rec}}
       <div class="d-flex">
       <div class="oh-tabs__input-badge-container">