diff --git a/app/assets/stylesheets/components/_filter-panel.scss b/app/assets/stylesheets/components/_filter-panel.scss
index 466632b4e..28f87c2e9 100644
--- a/app/assets/stylesheets/components/_filter-panel.scss
+++ b/app/assets/stylesheets/components/_filter-panel.scss
@@ -2,7 +2,7 @@
 @import "mixins/chevron";
 
 .app-c-filter-panel {
-  padding-bottom: govuk-spacing(2);
+  padding: govuk-spacing(4) 0;
   margin-bottom: govuk-spacing(1);
   border-bottom: 1px solid $govuk-border-colour;
 }
@@ -11,6 +11,7 @@
   background-color:  govuk-colour("light-grey");
   padding: 0 govuk-spacing(3);
   margin-top: govuk-spacing(2);
+  margin-bottom: govuk-spacing(1);
 
   // GOV.UK Frontend radio and checkboxes are rendered with a transparent background, which makes
   // them look wrong on this component's grey background. This is intentional in GOV.UK Frontend and
diff --git a/app/views/finders/show_all_content_finder.html.erb b/app/views/finders/show_all_content_finder.html.erb
index 67fc76173..afb55f158 100644
--- a/app/views/finders/show_all_content_finder.html.erb
+++ b/app/views/finders/show_all_content_finder.html.erb
@@ -34,7 +34,7 @@
             label_text: sanitize("Search <span class='govuk-visually-hidden'>all content on</span> GOV.UK"),
             wrap_label_in_a_heading: true,
             heading_level: 1,
-            margin_bottom: 4,
+            margin_bottom: 0,
           } %>
         </div>