diff --git a/app/Views/thz_list.php b/app/Views/thz_list.php
index 4c38f373..f0e3d6ea 100644
--- a/app/Views/thz_list.php
+++ b/app/Views/thz_list.php
@@ -167,7 +167,7 @@ table thead th {
 .form-control {
     background-color: #ECECEC !important;
     border: 1px solid #ccc;   /* optional */
-    color: #000;              /* keep text readable */
+    /* color: #000;               keep text readable */
 }
 
 .form-control:focus {
@@ -184,12 +184,11 @@ table thead th {
 
 /* Text inside */
 .select2-container .select2-selection__rendered {
-    color: #000 !important;
     line-height: 36px !important;
 }
 
 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
-  background-color: #ECECEC !important;
+  background-color: #00999E !important;
 }
 
 
@@ -202,7 +201,7 @@ table thead th {
         <div class="card-body maincard">
             <div class="row">
                 <div class="col-6" style="align-self: center;">
-                    <p class="title-text app-font-family" style="position: relative;">Tickets </p>
+                    <p class="title-text app-font-family font-color-black" style="position: relative;">Tickets </p>
                 </div>
             </div>
             <div>
@@ -295,7 +294,7 @@ table thead th {
               <div class="form-row mt-3 w-100">
                 <div class="form-group col-md-6 app-font-family">
                   <label for="client_id">Client</label>
-                  <select class="form-control app-field-grey" id="client_id" name="client_id">
+                  <select class="form-control app-field-grey font-color-black" id="client_id" name="client_id">
                     <option value="">Select Client</option>
                     <?php if(isset($client_list)) { ?>
                     <?php foreach ($client_list as $c) { ?>
@@ -314,7 +313,7 @@ table thead th {
                 </div>
 
                 <div class="form-group col-md-1" style="padding:32.5px 0 0 18px;">
-                  <button type="button" class="btn-custom app-btn-primary app-font-family" style="padding: 0 10px !important; border-radius:13px;" onclick="getAutoFetchDetails()"><i class="mdi mdi-cached app-text-white" style="font-size:24px;"></i></button>
+                  <button type="button" class="btn-custom app-btn-primary app-font-family" style="padding: 0 10px !important; border-radius:13px;" onclick="getAutoFetchDetails()"><i class="mdi mdi-cached " style="font-size:24px;"></i></button>
                 </div>
               </div>
         </div>
@@ -428,7 +427,7 @@ table thead th {
           </div>
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn app-btn-primary app-btn-border-radius mr-2 app-text-white" onclick="resetTicket()">Reset</button>
+          <button type="button" class="btn app-btn-primary app-btn-border-radius mr-2 " onclick="resetTicket()">Reset</button>
           <button type="button" class="btn app-btn-secondary app-btn-border-radius" onclick="submitTicket()">Save</button>
         </div>
       </form>
@@ -746,31 +745,31 @@ $(document).ready(function() {
               "<'row'<'col-sm-5'i><'col-sm-7'p>>", 
           buttons: [
               {
-                  text: '<i class="mdi mdi-plus app-text-white" ></i><span class="app-text-white app-font-family btn-custom">  Create New Ticket </span>',
-                  className: 'btn app-btn-primary app-btn-border-radius app-text-white mr-2',
+                  text: '<i class="mdi mdi-plus" ></i><span class="app-font-family btn-custom">  Create New Ticket </span>',
+                  className: 'btn app-btn-primary app-btn-border-radius mr-2',
                   action: function(e, dt, node, config) { 
                       openTicket();
                   }
               },
               {
                   extend: 'collection',
-                  text: '<span class="app-text-white app-font-family btn-custom"> Export </span><i class="mdi mdi-menu-down app-text-white"></i>',
-                  className: 'btn app-btn-secondary app-btn-border-radius app-text-white',
+                  text: '<span class="app-font-family btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
+                  className: 'btn app-btn-secondary app-btn-border-radius',
                   buttons: [
                             {
                                 extend: 'csv',
-                                text: '<i class="mdi mdi-file-delimited app-text-white" ></i><span class="app-text-white app-font-family btn-custom">  CSV </span>',
+                                text: '<i class="mdi mdi-file-delimited " ></i><span class=" app-font-family btn-custom">  CSV </span>',
                                 title: 'Tickets',
-                                className: 'app-btn-primary app-text-white',
+                                className: 'app-btn-primary ',
                             },
                             {
                                 extend: 'excel',
-                                text: '<i class="mdi mdi-file-excel app-text-white" ></i><span class="app-text-white app-font-family btn-custom">  EXCEL </span>',
+                                text: '<i class="mdi mdi-file-excel " ></i><span class=" app-font-family btn-custom">  EXCEL </span>',
                                 title: 'Tickets',
                                 exportOptions: {
                                     orthogonal: 'sort'
                                 },
-                                className: 'app-btn-primary app-text-white',
+                                className: 'app-btn-primary ',
                             }
                   ]
               }
diff --git a/app/Views/thz_notes.php b/app/Views/thz_notes.php
index a5bf3ea1..7121dee7 100644
--- a/app/Views/thz_notes.php
+++ b/app/Views/thz_notes.php
@@ -125,12 +125,12 @@ hr{
 
 /* Text inside */
 .select2-container .select2-selection__rendered {
-    color: #000 !important;
+    /* color: #000 !important; */
     line-height: 36px !important;
 }
 
 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
-  background-color: #ECECEC !important;
+  background-color: #00999E !important;
 }
 </style>
 
@@ -472,7 +472,7 @@ hr{
             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         </div>
 
-        <div class="modal-body card-scroll container" style="padding:5px 11px 11px 11px!important;">  
+        <div class="modal-body card-scroll history-container" style="padding:5px 11px 11px 11px!important;">  
         </div>
       
     </div>
@@ -601,12 +601,13 @@ hr{
 </script>
 <script>
 function statusHistory(thzId) {
+    console.log("*****");
     $.ajax({
         url: "<?= base_url('ticketHistoryList?thz_id=') ?>" + thzId, 
         type: "GET",
         dataType: "json",
         success: function(response) {
-            let container = $(".container");
+            let container = $(".history-container");
             container.empty(); // clear old content
 
             if (response.status === "success" && response.data.length > 0) {
@@ -661,7 +662,7 @@ function statusHistory(thzId) {
             } else {
                 container.html(`
                     <div class="d-flex justify-content-center align-items-center" style="height: 50vh; width:100%;">
-                        <p class="text-center"><i>${response.message ?? 'No history found'}</i></p>
+                        <p class="text-center app-font-family font-color-black"><i>${response.message ?? 'No history found'}</i></p>
                     </div>
                 `);
             }
@@ -669,9 +670,9 @@ function statusHistory(thzId) {
             $("#StatusModal").modal("show");
         },
         error: function(xhr) {
-            $(".container").html(`
+            $(".history-container").html(`
                 <div class="d-flex justify-content-center align-items-center" style="height: 50vh; width:100%;">
-                    <p class="text-center"><i>No Data Found</i></p>
+                    <p class="text-center app-font-family font-color-black"><i>No Data Found</i></p>
                 </div>
             `);
             $("#StatusModal").modal("show");