diff --git a/recruitment/static/pipeline/search.js b/recruitment/static/pipeline/search.js
index ccdbb5008..4d25bc472 100644
--- a/recruitment/static/pipeline/search.js
+++ b/recruitment/static/pipeline/search.js
@@ -1,70 +1,90 @@
+function closeTag(event) {
+  console.log(event.target);
+  $(".oh-filter-tag.filter-field").remove();
+  $("#pipelineSearch").val("");
+  $("#pipelineSearch").trigger("keyup");
+  $("#job_pos_id").val("");
+  $("#select2-job_pos_id-container").text("------------------");
+}
+
 $(document).ready(function () {
-	$("#pipelineSearch").keyup(function (e) {
-		e.preventDefault();
-		var search = $(this).val().toLowerCase();
-		$(".candidate-container div.change-cand").each(function () {
-			var candidate = $(this).attr("data-candidate");
-			if (candidate.toLowerCase().includes(search)) {
-				$(this).show();
-			} else {
-				$(this).hide();
-			}
-			let stageId = $(this).parent().attr("data-stage-id");
-			var count = $(this).parent().find(".candidate:visible").length;
-			badge = $(`#stageCount${stageId}`).html(count);
-			$(`#stageCount${stageId}`).attr("title",`${count} candidates`)
-		});
-	});
-	function count_element () {
-		let stage = $(".recruitment_items")
-		let count = $(".stage_count")
-		let nos = []
-		for(i=0;i<stage.length;i++){
-			nos.push($(stage[i]).find("[data-candidate]:visible").length)
-		}
+  $("#pipelineSearch").keyup(function (e) {
+    e.preventDefault();
+    var search = $(this).val().toLowerCase();
+    $(".candidate-container div.change-cand").each(function () {
+      var candidate = $(this).attr("data-candidate");
+      if (candidate.toLowerCase().includes(search)) {
+        $(this).show();
+      } else {
+        $(this).hide();
+      }
+      let stageId = $(this).parent().attr("data-stage-id");
+      var count = $(this).parent().find(".candidate:visible").length;
+      badge = $(`#stageCount${stageId}`).html(count);
+      $(`#stageCount${stageId}`).attr("title", `${count} candidates`);
+    });
+    $(".oh-filter-tag.filter-field").remove();
+    if (search != "") {
+      $(".oh-filter-tag-container.filter-value").append(
+        '<span class="oh-filter-tag filter-field" onclick="closeTag(event)">Search : ' +
+          search +
+          '<button class="oh-filter-tag__close" id="close"><ion-icon name="close-outline" role="img" class="md hydrated" aria-label="close outline"></ion-icon></button></span>'
+      );
+    }
+  });
+  function count_element() {
+    let stage = $(".recruitment_items");
+    let count = $(".stage_count");
+    let nos = [];
+    for (i = 0; i < stage.length; i++) {
+      nos.push($(stage[i]).find("[data-candidate]:visible").length);
+    }
 
-		$.each(nos, function(index, value1) {
-			var value2 = count[index];
-			console.log(value2);
-			$(value2).text(value1);
-			$(value2).attr('title',`${value1} candidates`)
-		});
-	}
+    $.each(nos, function (index, value1) {
+      var value2 = count[index];
+      console.log(value2);
+      $(value2).text(value1);
+      $(value2).attr("title", `${value1} candidates`);
+    });
+  }
 
-	function job_Position (){
-		let search = $("#job_pos_id").val().toLowerCase()
-		if (search != "") {
-			job = $("[data-job-position]:visible")
-			job.each(function () {
-				var candidate = $(this).attr("data-job-position");
-				if (candidate.toLowerCase().includes(search)) {
-					$(this).show();
-				} else {
-					$(this).hide();
-				}
-			});
-		}
+  function job_Position() {
+    let search = $("#job_pos_id").val().toLowerCase();
+    $(".oh-filter-tag.filter-field").remove();
+    if (search != "") {
+      job = $("[data-job-position]:visible");
+      job.each(function () {
+        var candidate = $(this).attr("data-job-position");
+        if (candidate.toLowerCase().includes(search)) {
+          $(this).show();
+        } else {
+          $(this).hide();
+        }
+      });
+      $(".oh-filter-tag-container.filter-value").append(
+        '<span class="oh-filter-tag filter-field" onclick="closeTag(event)">Job position : ' +
+          search +
+          '<button class="oh-filter-tag__close" id="close"><ion-icon name="close-outline" role="img" class="md hydrated" aria-label="close outline"></ion-icon></button></span>'
+      );
+    }
+  }
 
-	}
-
-	$("#filter_item").on("click",function(){
-		var candidate = $("[data-job-position]");
-		candidate.each(function () { 
-				$(this).show();
-		})
-		$(".pipeline_items").each(function () {
-			$(this).removeClass("d-none");
-		});
-		job_Position();
-		count_element();
-
-	})
-	$(".oh-tabs__tab").on("click",function (){
-		$(".pipeline_items").each(function () {
-			$(this).removeClass("d-none");
-		});
-		job_Position();
-		count_element();
-	})
-	
+  $("#filter_item").on("click", function () {
+    var candidate = $("[data-job-position]");
+    candidate.each(function () {
+      $(this).show();
+    });
+    $(".pipeline_items").each(function () {
+      $(this).removeClass("d-none");
+    });
+    job_Position();
+    count_element();
+  });
+  $(".oh-tabs__tab").on("click", function () {
+    $(".pipeline_items").each(function () {
+      $(this).removeClass("d-none");
+    });
+    job_Position();
+    count_element();
+  });
 });
diff --git a/recruitment/templates/candidate/candidate_card.html b/recruitment/templates/candidate/candidate_card.html
index 38314f9ee..5681fbc9b 100644
--- a/recruitment/templates/candidate/candidate_card.html
+++ b/recruitment/templates/candidate/candidate_card.html
@@ -45,7 +45,7 @@
   </a>
     <div class="oh-kanban-card__dots">
       <div class="oh-dropdown" x-data="{show: false}">
-        <button class="oh-btn oh-btn--transparent text-muted p-3" @click="show = !show">
+        <button class="oh-btn oh-btn--transparent text-muted p-3" @click="show = !show" title={% trans "Actions" %}>
           <ion-icon name="ellipsis-vertical-sharp" title="{% trans 'Options' %}" role="img" class="md hydrated" aria-label="ellipsis vertical sharp"></ion-icon>
         </button>
         <div class="oh-dropdown__menu oh-dropdown__menu--dark-border oh-dropdown__menu--right" x-show="show" @click.outside="show = false" style="display: none;">
diff --git a/recruitment/templates/candidate/candidate_list.html b/recruitment/templates/candidate/candidate_list.html
index 509e5638e..42801c06d 100644
--- a/recruitment/templates/candidate/candidate_list.html
+++ b/recruitment/templates/candidate/candidate_list.html
@@ -20,7 +20,7 @@
         <div class="oh-sticky-table__th"  >
           <div class="d-flex">
             <div class="">
-              <input type="checkbox" class="all-candidate oh-input oh-input__checkbox mt-1 mr-2" 
+              <input type="checkbox" class="all-candidate oh-input oh-input__checkbox mt-1 mr-2" title="Select All" 
               id = "Allcandidate"/>
             </div>
             <div hx-target='#section' hx-get="{% url 'search-candidate' %}?{{pd}}&orderby=name&view=list">
@@ -88,10 +88,10 @@
             </form>
             {% else %}
             
-            <form action="{% url 'rec-candidate-archive' cand.id  %}" onsubmit="return confirm('{% trans "Do you want to un-archive this candidate" %}')" method='post'>
+            <form action="{% url 'rec-candidate-archive' cand.id  %}"  title="Un Archive" onsubmit="return confirm('{% trans "Do you want to un-archive this candidate" %}')" method='post'>
               {% csrf_token %}
               <button type='submit' class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
-                ><ion-icon name="archive" title="Un Archive"></ion-icon></button>
+                ><ion-icon name="archive"></ion-icon></button>
             </form>
             {% endif %}
             {% endif %}
diff --git a/recruitment/templates/candidate/candidate_view.html b/recruitment/templates/candidate/candidate_view.html
index 776ea6b6c..466504e35 100644
--- a/recruitment/templates/candidate/candidate_view.html
+++ b/recruitment/templates/candidate/candidate_view.html
@@ -1,5 +1,6 @@
 {% extends 'index.html' %}
 {% block content %}
+{% load i18n %}
 <style>
   .hired-cand{
     border-left: solid 4px yellowgreen !important;
@@ -13,6 +14,17 @@
 </style>
 <div class="oh-wrapper">
   {% include 'candidate/candidate_nav.html' %}
+  <div class="d-flex flex-row-reverse">
+    <span class="m-3" >
+      <span class="oh-dot oh-dot--small me-1" style="background-color:rgba(128, 128, 128, 0.482)"></span>
+      {% trans "Not-Hired" %}
+    </span>
+    <span class="m-3">
+      <span class="oh-dot oh-dot--small me-1" style="background-color:yellowgreen"></span>
+      {% trans "Hired" %}
+    </span>
+  </div>
+  
   <div id="section" hx-target="#section" hx-swap="innerHTML">
     {% if view_type == 'list' %}
       {% include 'candidate/candidate_list.html' %}
diff --git a/recruitment/templates/pipeline/form/candidate_drop_down_form.html b/recruitment/templates/pipeline/form/candidate_drop_down_form.html
index a26d55d41..26e52245f 100644
--- a/recruitment/templates/pipeline/form/candidate_drop_down_form.html
+++ b/recruitment/templates/pipeline/form/candidate_drop_down_form.html
@@ -3,8 +3,9 @@
   <button
     class="oh-btn oh-btn--secondary-outline oh-stop-prop oh-accordion-meta__btn"
     @click="open = !open"
+    title="Add Candidates"
   >
-    <ion-icon class="" name="add-outline"></ion-icon>
+    <ion-icon class="" name="add-outline" ></ion-icon>
   </button>
   <div
     class="oh-dropdown__menu oh-dropdown__menu--top-align oh-dropdown__filter p-4"
diff --git a/recruitment/templates/pipeline/pipeline.html b/recruitment/templates/pipeline/pipeline.html
index 492f8c685..282622919 100644
--- a/recruitment/templates/pipeline/pipeline.html
+++ b/recruitment/templates/pipeline/pipeline.html
@@ -92,6 +92,7 @@
                   class="oh-btn oh-stop-prop oh-btn--transparent oh-accordion-meta__btn"
                   @click="open = !open"
                   @click.outside="open = false"
+                  title="{% trans "Actions" %}"
                 >
                   <ion-icon name="ellipsis-vertical"></ion-icon>
                 </button>
@@ -186,7 +187,7 @@
                       style="text-decoration: none;width: 400px !important;"
                       href="{% url 'candidate-view-individual' cand.id %}"
                     >
-                      <ion-icon name="move"></ion-icon>
+                      <span title={% trans "Move" %}><ion-icon name="move"></ion-icon></span>
                       <div class="oh-profile oh-profile--md">
                         <div class="oh-profile__avatar mr-1">
                           <img
diff --git a/recruitment/templates/pipeline/pipeline_card.html b/recruitment/templates/pipeline/pipeline_card.html
index fb0f2f64a..cdd716097 100644
--- a/recruitment/templates/pipeline/pipeline_card.html
+++ b/recruitment/templates/pipeline/pipeline_card.html
@@ -67,7 +67,7 @@
 
         <div class="oh-kanban__head-actions oh-kanban__dropdown" >          
           <div class="oh-kanban__head-actions oh-kanban__dropdown">
-            <button class="oh-btn oh-btn--small oh-btn--transparent oh-kanban__btn oh-kanban__dropdown-toggle">
+            <button class="oh-btn oh-btn--small oh-btn--transparent oh-kanban__btn oh-kanban__dropdown-toggle" title = {% trans "Actions" %}>
               <ion-icon name="ellipsis-vertical-sharp" role="img" class="md hydrated" aria-label="ellipsis vertical sharp"></ion-icon>
             </button>
             <div class="oh-dropdown oh-kanban__dropdown-menu d-none">
@@ -91,7 +91,7 @@
             </div>
             {% if perms.recruitment.add_candidate or request.user|is_stagemanager %}
             <div class="oh-dropdown" x-data="{open: false}">
-              <a class="" @click="open = !open">
+              <a class="" @click="open = !open" title="Add Candidates">
                 <ion-icon name="add-sharp" role="img" class="md hydrated mt-1" aria-label="add sharp"></ion-icon>
               </a>
               <div
@@ -187,6 +187,7 @@
             <div class="oh-kanban__card-actions oh-kanban__dropdown">
               <button
                 class="oh-btn oh-btn--small oh-btn--transparent oh-kanban__btn oh-kanban__dropdown-toggle"
+                title={% trans "Actions" %}
               >
                 <ion-icon
                   name="ellipsis-vertical-sharp"
diff --git a/recruitment/templates/pipeline/pipeline_tabs.html b/recruitment/templates/pipeline/pipeline_tabs.html
index 6b0d66c25..5e1b527fa 100644
--- a/recruitment/templates/pipeline/pipeline_tabs.html
+++ b/recruitment/templates/pipeline/pipeline_tabs.html
@@ -20,6 +20,7 @@
           class="oh-btn oh-stop-prop oh-btn--transparent oh-accordion-meta__btn"
           @click="open = !open"
           @click.outside="open = false"
+          title={% trans "Actions" %}
         >
           <ion-icon
             name="ellipsis-vertical"
diff --git a/recruitment/templates/recruitment/recruitment_component.html b/recruitment/templates/recruitment/recruitment_component.html
index 1bd12848f..a0322e944 100644
--- a/recruitment/templates/recruitment/recruitment_component.html
+++ b/recruitment/templates/recruitment/recruitment_component.html
@@ -75,8 +75,8 @@
                           <div class="oh-sticky-table__sd oh-permission-table--toggle" data-toggle-count>
                             <div class="d-flex align-items-center">
                               <button class="oh-permission-table__collapse me-2">
-                                <ion-icon class="oh-permission-table__collapse-down" title="Reveal" name="chevron-down-outline"></ion-icon>
-                                <ion-icon class="oh-permission-table__collapse-up" title="Collapse" name="chevron-up-outline"></ion-icon>
+                                <span  title="{% trans "Reveal" %}"><ion-icon class="oh-permission-table__collapse-down" name="chevron-down-outline"></ion-icon></span>
+                                <span  title="{% trans "Collapse" %}"><ion-icon class="oh-permission-table__collapse-up" name="chevron-up-outline"></ion-icon></span>
                               </button>
                               <span class="oh-permission-table__user">{{rec}}</span>
                             </div>
@@ -97,7 +97,7 @@
                                 >{{manager.employee_first_name|truncatechars:4}}</span
                                 >
                               </div>
-                              <a hx-post="{% url 'remove-recruitment-manager' manager.id rec.id %}?{{pd}}&page={{data.number}}" hx-target="#recruitment-container"class="oh-user-panel__remove">
+                              <a hx-post="{% url 'remove-recruitment-manager' manager.id rec.id %}?{{pd}}&page={{data.number}}"  title="{% trans "Remove" %}" hx-target="#recruitment-container"class="oh-user-panel__remove">
                                 <ion-icon name="close-outline"></ion-icon>
                               </a>
                             </span>
@@ -146,7 +146,7 @@
                           </div>
                           <div class="oh-sticky-table__td">
                             <div class="oh-btn-group">
-                              <a href="#" class="oh-btn oh-btn--light-bkg w-100" onclick="copyLink(window.location.origin+'/recruitment/application-form?recruitmentId={{rec.id}}')">
+                              <a href="#" class="oh-btn oh-btn--light-bkg w-100" onclick="copyLink(window.location.origin+'/recruitment/application-form?recruitmentId={{rec.id}}')" title="{% trans "Share Link" %}">
                                 <ion-icon name="share-social-outline"></ion-icon>
                               </a>
                               {% if perms.recruitment.change_recruitment %}
@@ -190,7 +190,7 @@ aria-hidden="true"
     <h5 class="oh-modal__dialog-title" id="updateRecruitmentModalLabel"
       >{% trans "Edit Recruitment" %}</span
     >
-    <button class="oh-modal__close" aria-label="Close" >
+    <button class="oh-modal__close" aria-label="Close"title="{% trans "Close" %}" >
       <ion-icon name="close-outline"></ion-icon>
     </button>
   </div>
diff --git a/recruitment/templates/stage/stage_component.html b/recruitment/templates/stage/stage_component.html
index 441b9e54b..1768e57f1 100644
--- a/recruitment/templates/stage/stage_component.html
+++ b/recruitment/templates/stage/stage_component.html
@@ -53,8 +53,8 @@
                                   <div class="oh-sticky-table__sd oh-permission-table--toggle" data-toggle-count>
                                     <div class="d-flex align-items-center">
                                       <button class="oh-permission-table__collapse me-2">
-                                        <ion-icon class="oh-permission-table__collapse-down" title="Reveal" name="chevron-down-outline"></ion-icon>
-                                        <ion-icon class="oh-permission-table__collapse-up" title="Collapse" name="chevron-up-outline"></ion-icon>
+                                        <span title="{% trans "Reveal" %}"><ion-icon class="oh-permission-table__collapse-down"  name="chevron-down-outline"></ion-icon></span>
+                                        <span title="{% trans "Collapse" %}"><ion-icon class="oh-permission-table__collapse-up" name="chevron-up-outline"></ion-icon></span>
                                       </button>
                                       <span class="oh-permission-table__user">{{stage}}</span>
                                     </div>
@@ -74,7 +74,7 @@
                                         >{{manager.employee_first_name|truncatechars:6}}.</span
                                         >
                                       </div>
-                                      <button hx-post="{% url 'rec-remove-stage-manager' manager.id stage.id %}?{{pd}}&page={{data.number}}" hx-target='#stage-container' class="oh-user-panel__remove">
+                                      <button hx-post="{% url 'rec-remove-stage-manager' manager.id stage.id %}?{{pd}}&page={{data.number}}" hx-target='#stage-container' class="oh-user-panel__remove" title="{% trans "Remove" %}">
                                         
                                         <ion-icon name="close-outline"></ion-icon>
                                       </button>
@@ -136,7 +136,7 @@
             <h5 class="oh-modal__dialog-title" id="updateStageModalLabel"
               >{% trans "Edit Stage" %}</span
             >
-            <button class="oh-modal__close" aria-label="Close" >
+            <button class="oh-modal__close" aria-label="Close" title="Close" >
               <ion-icon name="close-outline"></ion-icon>
             </button>
           </div>
diff --git a/recruitment/templates/survey/survey-card.html b/recruitment/templates/survey/survey-card.html
index 640a97c50..504550274 100644
--- a/recruitment/templates/survey/survey-card.html
+++ b/recruitment/templates/survey/survey-card.html
@@ -19,6 +19,7 @@
         <button
           class="oh-btn oh-btn--transparent text-muted p-3"
           @click="show = !show"
+          title={% trans "Actions" %}
         >
           <ion-icon name="ellipsis-vertical-sharp"></ion-icon>
         </button>