diff --git a/app/components/document_doctrine_show_component/document_doctrine_show_component.html.erb b/app/components/document_doctrine_show_component/document_doctrine_show_component.html.erb
index 91c2fa5..cc90195 100644
--- a/app/components/document_doctrine_show_component/document_doctrine_show_component.html.erb
+++ b/app/components/document_doctrine_show_component/document_doctrine_show_component.html.erb
@@ -7,7 +7,7 @@
 
   <div class="col-sm-2 d-flex justify-content-end pe-0" data-controller="doctrines" data-document-id="<%= document_id %>" data-doctrine-id="<%= id %>" >
     <a class="btn btn-success me-3"data-action="click->doctrines#renderForm" data-bs-toggle="modal" data-bs-target="#doctrineModal"> Edit </a>
-    <a class="btn btn-danger" data-action="click->doctrines#delete" > Delete </a>
+    <a class="btn btn-danger " data-action="click->doctrines#delete" > Delete </a>
   </div>
 </div>
 
@@ -51,20 +51,18 @@
   <div class="row">
     <div class="col-sm-10"> </div>
     <div class="col-sm-2 p-2">
-      <button type="button" class="btn btn-success d-block ms-auto" data-bs-toggle="collapse" data-bs-target="#caseListsCollapse" aria-expanded="false" aria-controls="collapseExample"> Case List </button>
+      <button type="button" class="btn btn-info d-block ms-auto text-white" data-bs-toggle="collapse" data-bs-target="#caseListsCollapse" aria-expanded="false" aria-controls="collapseExample"> Case List </button>
     </div>
   </div>
 
   <div class="collapse mb-3 mt-2" id="caseListsCollapse">
     <div class="row" data-controller="document" data-current-document-id="<%= document_id %>" data-doctrine-id="<%= id %>">
-      <div class="col-sm-11 p-2">
+      <div class="col-sm-10 p-2">
         <%= text_field_tag :q, nil, class: "form-control", placeholder: "Search GR Number, Title or Short Title", data: { target: "document.input" } %>
       </div>
-      <div class="col-sm-1 p-2">
-        <%= button_tag "Search", class: "btn btn-success", data: { action: "click->document#search" } %>
-        <a class="show-citer-finder" style="cursor: pointer;" data-bs-toggle="collapse" href="#citation_finder_collapse" role="button" aria-expanded="false" aria-controls="collapseExample"> 
-          <i class="fas fa-angle-double-down" style="font-size: 20px;color: darkred;" data-bs-toggle="tooltip" data-bs-placement="right" title="Open Citation Finder"></i> 
-        </a>
+      <div class="col-sm-2 p-2">
+        <%= button_tag "Search", class: "btn btn-success btn-sm me-2", data: { action: "click->document#search" } %>
+        <%= button_tag "Citation finder", class: "btn btn-warning btn-sm text-white ms-3", data-bs-toggle="collapse" href="#citation_finder_collapse" role="button" aria-expanded="false" aria-controls="collapseExample" %>
       </div>
       <div class="collapse col-sm-11 p-2" id="citation_finder_collapse">
         <%= text_field_tag :citation_finder, nil, class: "form-control", placeholder: "Citation Finder", data: { target: "document.citation_finder" } %>
@@ -78,7 +76,6 @@
           <th class="bg-light"> Reference No. </th>
           <th class="bg-light"> Title </th>
           <th class="bg-light"> Date </th>
-          <th class="bg-light"> </th>
         </thead>
       </table>
     </div>
diff --git a/app/views/documents/show.html.erb b/app/views/documents/show.html.erb
index 3a6792f..dab52c2 100644
--- a/app/views/documents/show.html.erb
+++ b/app/views/documents/show.html.erb
@@ -65,7 +65,7 @@
           <div class="tab-pane fade show <%= params[:is_document_view].blank? && params[:is_citator_tab].blank? ? 'active show' : '' %>" id="analysisTabContent" role="tabpanel" aria-labelledby="home-tab">
             <div class="row">
               <div class="d-flex justify-content-end" style="margin: 10px 0 0 -20px;">
-                <a class="btn btn-success" data-controller="doctrines" data-document-id="<%= @document.id %>" data-action="click->doctrines#renderForm" data-bs-toggle="modal" data-bs-target="#doctrineModal"> Add Doctrine </a>
+                <a class="btn btn-warning" data-controller="doctrines" data-document-id="<%= @document.id %>" data-action="click->doctrines#renderForm" data-bs-toggle="modal" data-bs-target="#doctrineModal"> Add Doctrine </a>
               </div>
               <div class="container-sm row-flex col-sm-12 mt-2">
                 <%= render(DoctrineModalFormComponent.new(current_user: current_user)) %>