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 cc90195..e87bacc 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
@@ -62,9 +62,9 @@
       </div>
       <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" %>
+        <button 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" > Citation finder</button>
       </div>
-      <div class="collapse col-sm-11 p-2" id="citation_finder_collapse">
+      <div class="collapse col-sm-10 p-2" id="citation_finder_collapse">
         <%= text_field_tag :citation_finder, nil, class: "form-control", placeholder: "Citation Finder", data: { target: "document.citation_finder" } %>
       </div>
     </div>
diff --git a/app/views/shared/_case_lists_no_results.html.erb b/app/views/shared/_case_lists_no_results.html.erb
index 79a2679..3865c5b 100644
--- a/app/views/shared/_case_lists_no_results.html.erb
+++ b/app/views/shared/_case_lists_no_results.html.erb
@@ -1,14 +1,12 @@
 <div class="row" data-controller="document" data-doctrine-id="<%= doctrine_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">
+  <div class="col-sm-2 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>
+    <button 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" > Citation finder</button>
   </div>
-  <div class="collapse col-sm-11 p-2" id="citation_finder_collapse">
+  <div class="collapse col-sm-10 p-2" id="citation_finder_collapse">
     <%= text_field_tag :citation_finder, nil, class: "form-control", placeholder: "Citation Finder", data: { target: "document.citation_finder" } %>
   </div>
 </div>
diff --git a/app/views/shared/_case_lists_search_results.html.erb b/app/views/shared/_case_lists_search_results.html.erb
index 656d4da..7d580a9 100644
--- a/app/views/shared/_case_lists_search_results.html.erb
+++ b/app/views/shared/_case_lists_search_results.html.erb
@@ -1,15 +1,13 @@
 <div class="row" data-controller="document" data-current-document-id="<%= opts[:current_document_id] %>" data-doctrine-id="<%= opts[:doctrine_id] %>">
-  <div class="col-sm-11 p-2">
+  <div class="col-sm-10 p-2">
     <%= text_field_tag :q, opts[:q], 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", data: { action: "click->document#search" } %>
+    <button 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" > Citation finder</button>
   </div>
-  <div class="collapse col-sm-11 p-2" id="citation_finder_collapse">
+  <div class="collapse col-sm-10 p-2" id="citation_finder_collapse">
     <%= text_field_tag :citation_finder, opts[:citation_finder], class: "form-control", placeholder: "Citation Finder", data: { target: "document.citation_finder" } %>
   </div>
 </div>