diff --git a/app/assets/stylesheets/_survey.scss b/app/assets/stylesheets/_survey.scss
index a7841f3c..64bd44ba 100644
--- a/app/assets/stylesheets/_survey.scss
+++ b/app/assets/stylesheets/_survey.scss
@@ -1,18 +1,25 @@
 .nps-feedback {
-    margin-top: 1em;
-    background-color: #333;
-    color: #fff;
-    text-align: center;
+  margin-top: 1em;
+  padding: 20px 10px;
+  background-color: #333;
+  color: #fff;
+  text-align: center;
+  font-size: $fs-large;
+  display: block;
 
-    a {
-      color: #00C8FF
-    }
+  a {
+    color: #00C8FF;
+  }
 
-    a:hover {
-      color: #00C800
-    }
+  a:hover {
+    color: #00C800
+  }
 
-    a:active {
-      color: #FF00FF
-    }
+  a:active {
+    color: #FF00FF
+  }
+
+  @media (max-width: $bp-screen-md) {
+    font-size: $fs-base;
+  }
 }
diff --git a/app/views/search/_nps_feedback.html.erb b/app/views/search/_nps_feedback.html.erb
index 7b21669e..868a8742 100644
--- a/app/views/search/_nps_feedback.html.erb
+++ b/app/views/search/_nps_feedback.html.erb
@@ -1,7 +1,7 @@
 <% return unless ENV.fetch('NPS_URL', false).present? %>
 <% return unless ENV.fetch('NPS_LINK_TEXT', false).present? %>
 
-<div class="nps-feedback box-content copy-lead">
-  <%= ENV.fetch('NPS_BLURB', nil) %>
-  <a href="<%= ENV.fetch('NPS_URL')%>"><%= ENV.fetch('NPS_LINK_TEXT') %></a>
+<div class="nps-feedback">
+  <span class="nps-blurb"><%= ENV.fetch('NPS_BLURB', nil) %></span>
+  <a class="nps-link" href="<%= ENV.fetch('NPS_URL')%>"><%= ENV.fetch('NPS_LINK_TEXT') %></a>
 </div>