diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 1f80a9b5b..2682af00a 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1288,10 +1288,6 @@ tr.turn:hover {
       vertical-align: middle;
     }
   }
-
-  a.reverse_directions {
-    cursor: pointer;
-  }
 }
 
 /* Rules for user images */
diff --git a/app/views/layouts/_search.html.erb b/app/views/layouts/_search.html.erb
index 24e25076f..922cd4b24 100644
--- a/app/views/layouts/_search.html.erb
+++ b/app/views/layouts/_search.html.erb
@@ -47,7 +47,7 @@
     </div>
     <div class="row gx-2 m-1">
       <div class="col offset-1">
-        <a class="reverse_directions"><%= t("site.search.reverse_directions_text") %></a>
+        <button class="btn btn-sm btn-link reverse_directions"><%= t("site.search.reverse_directions_text") %></a>
       </div>
     </div>