diff --git a/src/govuk/components/accordion/_index.scss b/src/govuk/components/accordion/_index.scss index ff1de94a7b..67738cc676 100644 --- a/src/govuk/components/accordion/_index.scss +++ b/src/govuk/components/accordion/_index.scss @@ -172,10 +172,7 @@ // IE8 fallback of icon with HTML symbol @include govuk-if-ie8 { content: "\25B2"; // "▲" - - top: 0; - left: 0; - + position: relative; border: 0; } } @@ -198,7 +195,7 @@ .govuk-accordion__section-button { width: 100%; - padding: govuk-spacing(2) 0 govuk-spacing(1) 0; + padding: govuk-spacing(2) 0 govuk-spacing(3) 0; border: 0; @@ -321,7 +318,11 @@ // As a result this is applied to the pseudo element that has a display:block property to maintain Design .govuk-accordion__section-summary:before, .govuk-accordion__section-toggle:before { - margin-top: 8px; + margin-top: govuk-spacing(2); + + @include govuk-media-query ($from: desktop) { + margin-top: 8px; + } } // Space between icon and text,