Fix Accordion section button 10px height jump (when open)

Affects smaller screens
alphagov · Dec 12, 2022 · 9d5e50b · 9d5e50b
1 parent da7d16a
commit 9d5e50b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/govuk/components/accordion/_index.scss b/src/govuk/components/accordion/_index.scss
@@ -271,8 +271,12 @@
     // relates to the content below. Adjust padding to maintain the height of the element.
     // See https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798
     .govuk-accordion__section--expanded .govuk-accordion__section-button {
-      padding-bottom: govuk-spacing(4);
+      padding-bottom: govuk-spacing(3);
       border-bottom: 0;
+
+      @include govuk-media-query ($from: desktop) {
+        padding-bottom: govuk-spacing(4);
+      }
     }
 
     // As Chevron icon is vertically aligned it overlaps with the focus state bottom border