diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 54e808c50..f3c966934 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -1943,10 +1943,18 @@ table {
 
 .hide-recommendations {
   color: $text-light;
+  cursor: pointer;
+  font-size: $small-font-size;
+  line-height: inherit;
   position: absolute;
   right: 12px;
   top: -18px;
   z-index: 2;
+
+  &:focus,
+  &:hover {
+    @include anchor-color-hover;
+  }
 }
 
 // 20. Documents
diff --git a/app/views/shared/_recommended_index.html.erb b/app/views/shared/_recommended_index.html.erb
index 4447a9ae4..bf7bf13eb 100644
--- a/app/views/shared/_recommended_index.html.erb
+++ b/app/views/shared/_recommended_index.html.erb
@@ -5,13 +5,13 @@
     </div>
 
     <div id="recommendations" data-toggler=".hide">
-      <%= link_to disable_recommendations_path, title: t("shared.recommended_index.hide"),
-                                                class: "float-right-medium small hide-recommendations",
-                                                data: {
-                                                  toggle: "recommendations",
-                                                  confirm: t("#{namespace}.index.recommendations.disable")
-                                                },
-                                                method: :put do %>
+      <%= button_to disable_recommendations_path, title: t("shared.recommended_index.hide"),
+                                                  class: "float-right-medium hide-recommendations",
+                                                  data: {
+                                                    toggle: "recommendations",
+                                                    confirm: t("#{namespace}.index.recommendations.disable")
+                                                  },
+                                                  method: :put do %>
         <span class="icon-x"></span>
         <span class="show-for-sr"><%= t("shared.recommended_index.hide") %></span>
       <% end %>
diff --git a/spec/system/debates_spec.rb b/spec/system/debates_spec.rb
index 68d5de88c..ff1b499d5 100644
--- a/spec/system/debates_spec.rb
+++ b/spec/system/debates_spec.rb
@@ -521,7 +521,7 @@ describe "Debates" do
           expect(page).to have_content("Medium")
           expect(page).to have_css(".recommendation", count: 3)
 
-          accept_confirm { click_link "Hide recommendations" }
+          accept_confirm { click_button "Hide recommendations" }
         end
 
         expect(page).not_to have_link("recommendations")
diff --git a/spec/system/proposals_spec.rb b/spec/system/proposals_spec.rb
index 459f7c619..4ea70abe0 100644
--- a/spec/system/proposals_spec.rb
+++ b/spec/system/proposals_spec.rb
@@ -937,7 +937,7 @@ describe "Proposals" do
           expect(page).to have_content("Medium")
           expect(page).to have_css(".recommendation", count: 3)
 
-          accept_confirm { click_link "Hide recommendations" }
+          accept_confirm { click_button "Hide recommendations" }
         end
 
         expect(page).not_to have_link("recommendations")