diff --git a/app/assets/stylesheets/_grids.scss b/app/assets/stylesheets/_grids.scss
index 5231b67ae..183a85630 100644
--- a/app/assets/stylesheets/_grids.scss
+++ b/app/assets/stylesheets/_grids.scss
@@ -31,6 +31,10 @@
   margin-bottom: $gutter-two-thirds;
 }
 
+.bottom-gutter-1-2 {
+  margin-bottom: $gutter-half;
+}
+
 .align-with-heading {
   display: block;
   text-align: center;
diff --git a/app/templates/partials/jobs/notifications.html b/app/templates/partials/jobs/notifications.html
index 20dca0c4f..6ed2b61b3 100644
--- a/app/templates/partials/jobs/notifications.html
+++ b/app/templates/partials/jobs/notifications.html
@@ -6,11 +6,11 @@
 
   {% if not help %}
     {% if percentage_complete < 100 %}
-      <p class="bottom-gutter hint">
+      <p class="bottom-gutter-1-2 hint">
         Report is {{ "{:.0f}%".format(percentage_complete) }} complete…
       </p>
     {% elif notifications %}
-      <p class="bottom-gutter">
+      <p class="bottom-gutter-1-2">
         <a href="{{ download_link }}" download="download" class="heading-small">Download this report</a>
         &emsp;
         <span id="time-left">{{ time_left }}</span>
diff --git a/app/templates/views/notifications.html b/app/templates/views/notifications.html
index 69d8ed40e..f55d3c6a1 100644
--- a/app/templates/views/notifications.html
+++ b/app/templates/views/notifications.html
@@ -34,7 +34,7 @@
   </div>
 
   {% if notifications %}
-    <p class="bottom-gutter">
+    <p class="bottom-gutter-1-2">
       <a href="{{ download_link }}" download="download" class="heading-small">Download as a CSV file</a>
       &emsp;
       Delivery information is available for 7 days