diff --git a/packages/components/psammead-headings/CHANGELOG.md b/packages/components/psammead-headings/CHANGELOG.md index 1ecd54255e..b06d370a30 100644 --- a/packages/components/psammead-headings/CHANGELOG.md +++ b/packages/components/psammead-headings/CHANGELOG.md @@ -3,6 +3,7 @@ | Version | Description | |---------|-------------| +| 3.1.19 | [PR#2575](https://github.com/bbc/psammead/pull/2575) Explicitly set `display` styles rather than rely on browser default for

| | 3.1.18 | [PR#2519](https://github.com/bbc/psammead/pull/2519) Talos - Bump Dependencies - @bbc/psammead-styles | | 3.1.17 | [PR#2488](https://github.com/bbc/psammead/pull/2488) Talos - Bump Dependencies - @bbc/gel-foundations | | 3.1.16 | [PR#2477](https://github.com/bbc/psammead/pull/2477) Talos - Bump Dependencies - @bbc/psammead-styles | diff --git a/packages/components/psammead-headings/package-lock.json b/packages/components/psammead-headings/package-lock.json index 420994b130..53f3996321 100644 --- a/packages/components/psammead-headings/package-lock.json +++ b/packages/components/psammead-headings/package-lock.json @@ -1,6 +1,6 @@ { "name": "@bbc/psammead-headings", - "version": "3.1.18", + "version": "3.1.19", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/packages/components/psammead-headings/package.json b/packages/components/psammead-headings/package.json index 147ce6a98a..b1d6e8a03c 100644 --- a/packages/components/psammead-headings/package.json +++ b/packages/components/psammead-headings/package.json @@ -1,6 +1,6 @@ { "name": "@bbc/psammead-headings", - "version": "3.1.18", + "version": "3.1.19", "main": "dist/index.js", "module": "esm/index.js", "sideEffects": false, diff --git a/packages/components/psammead-headings/src/__snapshots__/index.test.jsx.snap b/packages/components/psammead-headings/src/__snapshots__/index.test.jsx.snap index b4e2d8f11e..23f649b365 100644 --- a/packages/components/psammead-headings/src/__snapshots__/index.test.jsx.snap +++ b/packages/components/psammead-headings/src/__snapshots__/index.test.jsx.snap @@ -8,6 +8,7 @@ exports[`Headline component should render correctly 1`] = ` font-weight: 500; font-style: normal; color: #3F3F42; + display: block; margin: 0; padding: 2rem 0; } @@ -47,6 +48,7 @@ exports[`Headline component should render correctly with arabic script typograph font-weight: 700; font-style: normal; color: #3F3F42; + display: block; margin: 0; padding: 2rem 0; } diff --git a/packages/components/psammead-headings/src/index.jsx b/packages/components/psammead-headings/src/index.jsx index 3626c5d37a..2861d592fb 100644 --- a/packages/components/psammead-headings/src/index.jsx +++ b/packages/components/psammead-headings/src/index.jsx @@ -14,6 +14,7 @@ export const Headline = styled.h1` ${({ script }) => script && getCanon(script)}; ${({ service }) => getSerifMedium(service)} color: ${C_SHADOW}; + display: block; /* Explicitly set */ margin: 0; /* Reset */ padding: ${GEL_SPACING_QUAD} 0; ${MEDIA_QUERY_TYPOGRAPHY.LAPTOP_AND_LARGER} {