diff --git a/app/Views/endorsement_dash.php b/app/Views/endorsement_dash.php
index 378690a9..30b78f8e 100755
--- a/app/Views/endorsement_dash.php
+++ b/app/Views/endorsement_dash.php
@@ -278,7 +278,7 @@
                 <div data-toggle="modal" data-target="#right-modal" class="card dash-card"
                 onclick="getPendingActionClientDataForDashboard(this, 'SI Enhancement Pending', 'SI')">
                     <div class="card-block">
-                        <h4 class="mb-3">SI Enhancment Pending</h4>
+                        <h4 class="mb-3">SI Enhancment </h4>
                         <h2>
                             <span  class="span-color"><?= $pendingActionsData['si_enhancement'] ?></span>
                         </h2>
@@ -348,7 +348,10 @@ function getPendingActionClientDataForDashboard(input, headerName, type)
     console.log('hi')
     $(".modal-body").empty();
 
-    $("#right-modalLabel").html(`<h1 style="font-size:larger;">${headerName}</h1>`);
+    $("#right-modalLabel").html(
+        `<p style="font-size:25px;font-weight:600;">${headerName}</p>`
+    );
+
 
     $.ajax({
         url: '<?= base_url("util/featch_dashboard_data/") ?>' + type,
diff --git a/app/Views/layout/footer.php b/app/Views/layout/footer.php
index 8a37fafe..25e94877 100755
--- a/app/Views/layout/footer.php
+++ b/app/Views/layout/footer.php
@@ -981,6 +981,17 @@ function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes,
 
 </script>
 
+<script>
+    $(document).ready(function() {
+        $('.img-inactive').on('click', function() {
+
+            $('.img-c').addClass('img-inactive');
+            $(this).removeClass('.img-inactive');
+            $(this).addClass('.img-active');
+        });
+    });
+</script>
+
 
 </body>
 
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 0b311aee..59150e0f 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -64,6 +64,9 @@
 
     <link rel="manifest" href="../manifest.json">
 
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
+
+
     <script>
         if ('serviceWorker' in navigator) {
             window.addEventListener('load', function() {
@@ -466,6 +469,30 @@
         });
     </script>
 
+    <style>
+        .img-inactive{
+            background-color: white;
+            margin: 10px 12px;
+            border-radius: 5px;
+            border: 4px solid white;padding: 8px !important;
+            min-height: 43px !important;
+        }
+
+        .img-active{
+            background-color: #B7F0F2;
+            margin: 10px 12px;
+            border-radius: 5px;
+            border: 4px solid #00999E;padding: 8px !important;
+            min-height: 43px !important;
+        }
+    </style>
+
+    <style>
+        *{
+            font-family: 'Poppins', sans-serif !important;
+        }
+    </style>
+
 
 
 
@@ -504,8 +531,8 @@
 
 
                         <li>
-                            <a href="<?= base_url('/dashboard/view') ?>">
-                                <i class="ri-dashboard-line"></i>
+                            <a href="<?= base_url('/dashboard/view') ?>" class="img-inactive-not-working">
+                                <i class="ri-dashboard-line" style="color:black;"></i>
                                 <span > Dashboard </span>
                             </a>
                         </li>
@@ -513,8 +540,8 @@
                         <!-- client -->
                         <?php if (in_array(get_role_id(), [1,2,3,5])) { ?>
                             <li>
-                                <a href="<?= base_url('/client/list') ?>">
-                                    <img 
+                                <a href="<?= base_url('/client/list') ?>" class="img-inactive-not-working" >
+                                    <img style="border-radius: 5px;"
                                     src="<?= base_url() . "public"; ?>/assets/images/clients_sb.png" alt="Logo" height="24">
                                     <span> Clients </span>
                                 </a>
@@ -524,8 +551,8 @@
                         <!-- Enrollment process -->
                         <?php if (in_array(get_role_id(), [1,2,3,5]) || in_array(ENROLLMENT_TEAM_ID, user_team())) { ?>
                             <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <img 
+                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect img-inactive-not-working" >
+                                    <img style="border-radius: 5px;"
                                     src="<?= base_url() . "public"; ?>/assets/images/action_on_policies_sb.png" alt="Logo" height="20">
                                     <span> Action on Policies </span>
                                 </a>
@@ -556,7 +583,7 @@
                         <?php if (get_role_id() == 1 || get_role_id() == 5) { ?>
 
                             <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
+                                <a href="#sidebarDashboards" data-toggle="collapse" class=" img-inactive-not-working">
                                     <img 
                                     src="<?= base_url() . "public"; ?>/assets/images/masters_sb.png" alt="Logo" height="20">
                                     <span> Masters </span>
@@ -608,7 +635,7 @@
                         <!-- Claims -->
                         <?php if (in_array(get_role_id(), [1,2,3,5]) || in_array(CLAIMS_TEAM_ID, user_team())) { ?>
                             <li>
-                                <a href="#sidebarDashboardsTicket" data-toggle="collapse" class="waves-effect">
+                                <a href="#sidebarDashboardsTicket" data-toggle="collapse" class="waves-effect img-inactive-not-working">
                                     <img 
                                     src="<?= base_url() . "public"; ?>/assets/images/claims_sb.png" alt="Logo" height="20">
                                     <span> Claims </span>
@@ -638,7 +665,7 @@
                         <!-- leads -->
                         <?php if (in_array(get_role_id(), [1,2,3,5]) || in_array(BUSINESS_SUPPORT_TEAM_ID, user_team()) || in_array(SALES_TEAM_ID, user_team())) { ?>
                             <li>
-                                <a href="<?= base_url('/leads/list') ?>">
+                                <a href="<?= base_url('/leads/list') ?>" class="img-inactive-not-working">
                                     <img 
                                     src="<?= base_url() . "public"; ?>/assets/images/leads_sb.png" alt="Logo" height="20">
                                     <span> Leads </span>
@@ -649,7 +676,7 @@
                         <!-- BDS -->
                         <?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
                             <li>
-                                <a href="#policyTransactions" data-toggle="collapse" class="waves-effect">
+                                <a href="#policyTransactions" data-toggle="collapse" class="waves-effect img-inactive-not-working">
                                     <img 
                                     src="<?= base_url() . "public"; ?>/assets/images/policy_transactions_sb.png" alt="Logo" height="20">
                                     <span> Policy Transactions </span>
@@ -798,7 +825,7 @@
                         <!-- Ad -->
                         <?php if (in_array(get_role_id(), [1,2,3,5])) { ?>
                             <li>
-                                <a id="app_content_management" href="#sidebarDashboardsmenu" data-toggle="collapse" class="waves-effect" style="color: grey;">
+                                <a id="app_content_management" href="#sidebarDashboardsmenu" data-toggle="collapse" class="waves-effect img-inactive-not-working" style="color: grey;">
                                     <img 
                                     src="<?= base_url() . "public"; ?>/assets/images/app_content_mng_sb.png" alt="Logo" height="20">
                                     <span>App Content Mgmt</span>
@@ -816,7 +843,7 @@
                             </li>
                         <?php } ?>
                         <li>
-                            <a id="user_manual" href="<?= base_url("autobookstackLogin") ?>" class="waves-effect" target="_blank" rel="noopener noreferrer">
+                            <a id="user_manual" href="<?= base_url("autobookstackLogin") ?>" class="waves-effect img-inactive-not-working" target="_blank" rel="noopener noreferrer">
                                     <img 
                                     src="<?= base_url() . "public"; ?>/assets/images/user_manual_sb.png" alt="Logo" height="20">
                                 <span>User Manual</span>
@@ -883,6 +910,7 @@
         </div>
     <!-- End of Top Bar -->
 
+    <br>
 
 
 <!-- ============================================================== -->
diff --git a/app/Views/lead_filter.php b/app/Views/lead_filter.php
index 441b363b..86938097 100644
--- a/app/Views/lead_filter.php
+++ b/app/Views/lead_filter.php
@@ -11,7 +11,7 @@
                 <h5 class="m-1">
                     <div class="row">
                         <div class="col-md-6" style="position: relative;left: 17px;">
-                            <h4 style="text-align: left;">Lead Filter</h4>
+                            <h4 style="text-align: left; margin-left:30px;">Lead Filter</h4>
                         </div>
                         <div class="col-md-6">
                             <a style="text-align: right;" id="toggleIcon" class="text-dark float-right"