diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss
index c432b9d26a..f187535fa5 100644
--- a/assets/scss/_base.scss
+++ b/assets/scss/_base.scss
@@ -77,10 +77,10 @@ footer {
     font-size: 1rem;
     border: 0px;
 
-  }
-
-  .button:hover {
-    background-color: darken($blue, 10%);
+    &:hover {
+      background-color: darken($blue, 10%);
+      color: white;
+    }
   }
 
   #cellophane {
@@ -104,6 +104,11 @@ main {
     text-decoration: none;
     font-size: 1rem;
     border: 0px;
+
+    &:hover {
+      background-color: darken($blue, 10%);
+      color: white;
+    }
   }
 }
 
diff --git a/layouts/partials/feedback.html b/layouts/partials/feedback.html
index 1be98c1915..bbe840e498 100644
--- a/layouts/partials/feedback.html
+++ b/layouts/partials/feedback.html
@@ -1,9 +1,9 @@
 {{ if not .Params.hide_feedback }}
 <div id="pre-footer">
-  <h2>{{ T "feedback_heading" }}</h2>
+  <h2 id="feedback">{{ T "feedback_heading" }}</h2>
     <p class="feedback--prompt">{{ T "feedback_question" }} </p>
-    <button class="btn btn-primary mb-4 feedback--yes">{{ T "feedback_yes" }}</button>
-    <button class="btn btn-primary mb-4 feedback--no">{{ T "feedback_no" }}</button>
+    <button class="button mb-4 feedback--yes">{{ T "feedback_yes" }}</button>
+    <button class="button mb-4 feedback--no">{{ T "feedback_no" }}</button>
     <p class="feedback--response feedback--response__hidden">
       {{ T "layouts_docs_partials_feedback_thanks" }}
       <a target="_blank" rel="noopener"