diff --git a/CHANGELOG.md b/CHANGELOG.md index 51e72d67d5..2fc09f2fd5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -33,6 +33,9 @@ Fixes: - Reinstate focus outline for radios and checkboxes on IE8 (PR [#670](https://github.com/alphagov/govuk-frontend/pull/670)) +- Fix section break styles when used with GOV.UK Elements + ([PR #682](https://github.com/alphagov/govuk-frontend/pull/682)) + New features: - We're now using ES6 Modules and [rollup](https://rollupjs.org/guide/en) to distribute our JavaScript. (PR [#652](https://github.com/alphagov/govuk-frontend/pull/652)) diff --git a/src/globals/core/_section-break.scss b/src/globals/core/_section-break.scss index 8bed959250..d5b910df1a 100644 --- a/src/globals/core/_section-break.scss +++ b/src/globals/core/_section-break.scss @@ -5,6 +5,12 @@ %govuk-section-break { margin: 0; border: 0; + + // fix double-width section break and forced visible section break + // when combined with styles from alphagov/elements + @include govuk-compatibility(govuk_elements) { + height: 0; + } } .govuk-section-break {