diff --git a/app/components/header/header-account-custom-html.njk b/app/components/header/header-account-custom-html.njk
index 282c36c58..a1483c82c 100644
--- a/app/components/header/header-account-custom-html.njk
+++ b/app/components/header/header-account-custom-html.njk
@@ -40,7 +40,7 @@
       ]
     },
     service: {
-      name: "Profile manager"
+      text: "Profile manager"
     }
   }) }}
 {% endblock %}
diff --git a/app/components/header/header-account-logged-in.njk b/app/components/header/header-account-logged-in.njk
index 1742ca0e4..e52565593 100644
--- a/app/components/header/header-account-logged-in.njk
+++ b/app/components/header/header-account-logged-in.njk
@@ -6,7 +6,7 @@
 {% block body %}
   {{ header({
     service: {
-      name: "Manage patients"
+      text: "Manage patients"
     },
     account: {
       items: [
diff --git a/app/components/header/header-account-logged-out.njk b/app/components/header/header-account-logged-out.njk
index d163701a5..a850703a7 100644
--- a/app/components/header/header-account-logged-out.njk
+++ b/app/components/header/header-account-logged-out.njk
@@ -6,7 +6,7 @@
 {% block body %}
   {{ header({
     service: {
-      name: "Manage patients"
+      text: "Manage patients"
     },
     account: {
       items: [
diff --git a/app/components/header/header-account-rbac.njk b/app/components/header/header-account-rbac.njk
index bddcaf2fc..c93f0efdf 100644
--- a/app/components/header/header-account-rbac.njk
+++ b/app/components/header/header-account-rbac.njk
@@ -6,7 +6,7 @@
 {% block body %}
   {{ header({
     service: {
-      name: "Manage patients"
+      text: "Manage patients"
     },
     search: {
       placeholder: "NHS number, Date of birth",
diff --git a/app/components/header/header-org-white-account.njk b/app/components/header/header-org-white-account.njk
index 08c43f30a..ecaac7b25 100644
--- a/app/components/header/header-org-white-account.njk
+++ b/app/components/header/header-org-white-account.njk
@@ -7,6 +7,9 @@
 
 {{ header({
     classes: "nhsuk-header--white nhsuk-header--white-nav",
+    logo: {
+      href: "#"
+    },
     organisation: {
       name: "Anytown Anyplace",
       split: "Anywhere",
diff --git a/app/components/header/header-org-white-nav.njk b/app/components/header/header-org-white-nav.njk
index b34b5bb4b..830f93c37 100644
--- a/app/components/header/header-org-white-nav.njk
+++ b/app/components/header/header-org-white-nav.njk
@@ -7,6 +7,9 @@
 
 {{ header({
     classes: "nhsuk-header--white nhsuk-header--white-nav",
+    logo: {
+      href: "#"
+    },
     organisation: {
       name: "Anytown Anyplace",
       split: "Anywhere",
diff --git a/app/components/header/header-org-white.njk b/app/components/header/header-org-white.njk
index 44fdae3d9..2ba967cf0 100644
--- a/app/components/header/header-org-white.njk
+++ b/app/components/header/header-org-white.njk
@@ -7,6 +7,9 @@
 
 {{ header({
     classes: "nhsuk-header--white",
+    logo: {
+      href: "#"
+    },
     organisation: {
       name: "Anytown Anyplace",
       split: "Anywhere",
diff --git a/app/components/header/header-org.njk b/app/components/header/header-org.njk
index 16a789099..f570742e6 100644
--- a/app/components/header/header-org.njk
+++ b/app/components/header/header-org.njk
@@ -6,6 +6,9 @@
 {% block body %}
 
 {{ header({
+    logo: {
+      href: "#"
+    },
     organisation: {
       name: "Anytown Anyplace",
       split: "Anywhere",
diff --git a/app/components/header/header-service-name-combined-with-logo.njk b/app/components/header/header-service-name-combined-with-logo.njk
new file mode 100644
index 000000000..ec46963c7
--- /dev/null
+++ b/app/components/header/header-service-name-combined-with-logo.njk
@@ -0,0 +1,18 @@
+{% set html_style = 'background-color: #f0f4f5;' %}
+{% set title = 'Header with service name as a combined link' %}
+{% from 'components/header/macro.njk' import header %}
+{% extends 'layout.njk' %}
+
+{% block body %}
+
+  {{ header({
+    logo: {
+      includeWithServiceLink: true
+    },
+    service: {
+      text: "Prototype kit",
+      href: "#"
+    }
+  }) }}
+
+{% endblock %}
diff --git a/app/components/header/header-transactional-service-name.njk b/app/components/header/header-service-name-unlinked.njk
similarity index 53%
rename from app/components/header/header-transactional-service-name.njk
rename to app/components/header/header-service-name-unlinked.njk
index c4c12d641..e4ad11cb2 100644
--- a/app/components/header/header-transactional-service-name.njk
+++ b/app/components/header/header-service-name-unlinked.njk
@@ -1,13 +1,17 @@
 {% set html_style = 'background-color: #f0f4f5;' %}
-{% set title = 'Header transactional with service name' %}
+{% set title = 'Header with unlinked service name' %}
 {% from 'components/header/macro.njk' import header %}
 {% extends 'layout.njk' %}
 
 {% block body %}
 
   {{ header({
-    transactionalService: {
-      name: "Find your NHS number"
+    logo: {
+      href: "#",
+      ariaLabel: "NHS homepage"
+    },
+    service: {
+      text: "Find your NHS number"
     }
   }) }}
 
diff --git a/app/components/header/header-service-name-with-account-search-nav.njk b/app/components/header/header-service-name-with-account-search-nav.njk
index dd4d7ddf4..34a3a78c1 100644
--- a/app/components/header/header-service-name-with-account-search-nav.njk
+++ b/app/components/header/header-service-name-with-account-search-nav.njk
@@ -5,8 +5,12 @@
 
 {% block body %}
   {{ header({
+    logo: {
+      includeWithServiceLink: true
+    },
     service: {
-      name: "Search patient directory"
+      text: "Search patient directory",
+      href: "#"
     },
     search: {
       visuallyHiddenLabel: "Search patient directory"
diff --git a/app/components/header/header-service-name-with-nav.njk b/app/components/header/header-service-name-with-nav.njk
index 6644d94e1..5808816ab 100644
--- a/app/components/header/header-service-name-with-nav.njk
+++ b/app/components/header/header-service-name-with-nav.njk
@@ -6,8 +6,12 @@
 {% block body %}
 
   {{ header({
+    logo: {
+      href: "#"
+    },
     service: {
-      name: "Digital service manual"
+      text: "Digital service manual",
+      href: "#"
     },
     search: {
       visuallyHiddenLabel: "Search the NHS digital service manual"
diff --git a/app/components/header/header-service-name.njk b/app/components/header/header-service-name.njk
index 3be8c439e..37dda5cd5 100644
--- a/app/components/header/header-service-name.njk
+++ b/app/components/header/header-service-name.njk
@@ -6,8 +6,13 @@
 {% block body %}
 
   {{ header({
+    logo: {
+      href: "#",
+      ariaLabel: "NHS homepage"
+    },
     service: {
-      name: "Prototype kit"
+      text: "Find your NHS number",
+      href: "#"
     }
   }) }}
 
diff --git a/app/pages/examples.njk b/app/pages/examples.njk
index 51133ab0b..719f014d9 100644
--- a/app/pages/examples.njk
+++ b/app/pages/examples.njk
@@ -82,11 +82,12 @@
     <li><a href="../components/header/header-account-logged-in.html">Header with account (logged in)</a></li>
     <li><a href="../components/header/header-account-logged-out.html">Header with account (logged out)</a></li>
     <li><a href="../components/header/header-account-rbac.html">Header with account (logged in, RBAC)</a></li>
-    <li><a href="../components/header/header-logo.html">Header with logo only</a></li>
+    <li><a href="../components/header/header-logo.html">Header with un-linked logo only</a></li>
     <li><a href="../components/header/header-service-name.html">Header with a service name</a></li>
+    <li><a href="../components/header/header-service-name-unlinked.html">Header with an un-linked service name</a></li>
+    <li><a href="../components/header/header-service-name-combined-with-logo.html">Header with a service name combined with NHS logo</a></li>
     <li><a href="../components/header/header-service-name-with-nav.html">Header with a service name, search and navigation</a></li>
     <li><a href="../components/header/header-service-name-with-account-search-nav.html">Header with a service name, account, search and navigation</a></li>
-    <li><a href="../components/header/header-transactional-service-name.html">Header transactional with service name</a></li>
     <li><a href="../components/header/header-org.html">Header organisational</a></li>
     <li><a href="../components/header/header-org-white.html">Header organisational with white header</a></li>
     <li><a href="../components/header/header-org-white-account.html">Header organisational with white header and account (logged in)</a></li>
diff --git a/backstop.config.js b/backstop.config.js
index 2e100bd63..7483af452 100644
--- a/backstop.config.js
+++ b/backstop.config.js
@@ -272,10 +272,6 @@ module.exports = {
       label: 'Header with account, navigation and search',
       url: `${BASE_URL}/components/header/header-service-name-with-account-search-nav.html`
     },
-    {
-      label: 'Header transactional with service name',
-      url: `${BASE_URL}/components/header/header-transactional-service-name.html`
-    },
     {
       label: 'Header organisational',
       url: `${BASE_URL}/components/header/header-org.html`
diff --git a/packages/components/header/README.md b/packages/components/header/README.md
index e15721fcd..e55eccd7a 100644
--- a/packages/components/header/README.md
+++ b/packages/components/header/README.md
@@ -296,22 +296,22 @@ compiled JavaScript for all components `nhsuk.min.js` or the individual componen
 
 ---
 
-### Header transactional with service name
+### Header with service name
 
-[Preview the header transactional with service name component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-transactional-service-name.html)
+[Preview the header with service name component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-service-name.html)
 
 #### HTML markup
 
 ```HTML
-<header class="nhsuk-header nhsuk-header__transactional" role="banner">
+<header class="nhsuk-header" role="banner">
   <div class="nhsuk-width-container nhsuk-header__container">
     <div class="nhsuk-header__logo">
       <a class="nhsuk-header__link" href="/" aria-label="NHS homepage">
         <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 16" height="40" width="100"><path fill="currentcolor" d="M200 0v80H0V0h200Zm-27.5 5.5c-14.5 0-29 5-29 22 0 10.2 7.7 13.5 14.7 16.3l.7.3c5.4 2 10.1 3.9 10.1 8.4 0 6.5-8.5 7.5-14 7.5s-12.5-1.5-16-3.5L135 70c5.5 2 13.5 3.5 20 3.5 15.5 0 32-4.5 32-22.5 0-19.5-25.5-16.5-25.5-25.5 0-5.5 5.5-6.5 12.5-6.5a35 35 0 0 1 14.5 3l4-13.5c-4.5-2-12-3-20-3Zm-131 2h-22l-14 65H22l9-45h.5l13.5 45h21.5l14-65H64l-9 45h-.5l-13-45Zm63 0h-18l-13 65h17l6-28H117l-5.5 28H129l13.5-65H125L119.5 32h-20l5-24.5Z"/></svg>
       </a>
     </div>
-    <div class="nhsuk-header__transactional-service-name">
-      <a class="nhsuk-header__transactional-service-name--link" href="https://www.nhs.uk/nhs-services/online-services/find-nhs-number/">Find your NHS number</a>
+    <div class="nhsuk-header__service-name">
+      <a class="nhsuk-header__service-name__link" href="https://www.nhs.uk/nhs-services/online-services/find-nhs-number/">Find your NHS number</a>
     </div>
   </div>
 </header>
@@ -323,8 +323,8 @@ compiled JavaScript for all components `nhsuk.min.js` or the individual componen
 {% from 'components/header/macro.njk' import header %}
 
 {{ header({
-  "transactionalService": {
-    "name": "Find your NHS number",
+  "service": {
+    "text": "Find your NHS number",
     "href": "https://www.nhs.uk/nhs-services/online-services/find-nhs-number/"
   }
 }) }}
@@ -672,29 +672,32 @@ compiled JavaScript for all components `nhsuk.min.js` or the individual componen
 
 The header Nunjucks macro takes the following arguments:
 
-| Name                           | Type    | Required | Description                                                                                                                                       |
-| ------------------------------ | ------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **homeHref**                   | string  | No       | The href of the link for the logo and mobile home link in the navigation links. Defaults to "/".                                                  |
-| **ariaLabel**                  | string  | No       | Aria label for the logo href. Defaults to "NHS homepage".                                                                                         |
-| **organisation**               | object  | No       | Settings for header with organisational logo.                                                                                                     |
-| **organisation.name**          | string  | No       | Organisation name value.                                                                                                                          |
-| **organisation.split**         | string  | No       | Longer organisation names can be split onto multiple lines.                                                                                       |
-| **organisation.descriptor**    | string  | No       | Organisation descriptor.                                                                                                                          |
-| **organisation.logoURL**       | string  | No       | Organisation logo if using a static asset, such as PNG, is preferred.                                                                             |
-| **primaryLinks**               | array   | No       | Array of navigation links for use in the header.                                                                                                  |
-| **primaryLinks[].href**        | string  | No       | The href of a navigation item in the header.                                                                                                      |
-| **primaryLinks[].text**        | string  | No       | The link text of a navigation item in the header.                                                                                                 |
-| **primaryLinks[].current**     | boolean | No       | Set to true if this links to the current page being shown.                                                                                        |
-| **primaryLinks[].active**      | boolean | No       | Set to true if the current page is within this section, but the link doesn’t necessarily link to the current page                                 |
-| **primaryLinks[].classes**     | string  | No       | Optional additional classes to add to the list item.                                                                                              |
-| **primaryLinks[].attributes**  | string  | No       | Any extra HTML attributes (for example data attributes) to add to the list item.                                                                  |
-| **transactionalService**       | object  | No       | Object containing the _name_ and _href_ of the transactional service.                                                                             |
-| **service**                    | object  | No       | Object containing the _name_ and optional boolean _longName_ of the service. Set this to "true" if the service name is longer than 22 characters. |
-| **search**                     | object  | No       | Settings for the search input.                                                                                                                    |
-| **search.action**              | string  | No       | The search action endpoint. Defaults to <https://www.nhs.uk/search>                                                                               |
-| **search.name**                | string  | No       | The name for the search field. Defaults to "q"                                                                                                    |
-| **search.visuallyHiddenLabel** | string  | No       | The label for the search field. Defaults to "Search the NHS website"                                                                              |
-| **classes**                    | string  | No       | Optional additional classes to add to the header container. Separate each class with a space.                                                     |
-| **attributes**                 | object  | No       | Any extra HTML attributes (for example data attributes) to add to the header container.                                                           |
+| Name                            | Type    | Required | Description                                                                                                                           |
+| ------------------------------- | ------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------- |
+| **logo**                        | object  | No       | Object containing details of the logo                                                                                                 |
+| **logo.ariaLabel**              | string  | No       | ARIA label for the logo. Defaults to "NHS homepage".                                                                                  |
+| **logo.href**                   | string  | No       | The href of the link for the logo.                                                                                                    |
+| **logo.includeWithServiceLink** | boolean | No       | If set to true, then the logo will be included within the same link as the service name, and the `href` for the service will be used. |
+| **logo.src **                   | string  | No       | Logo path, for custom organisation logos.                                                                                             |
+| **service**                     | object  | No       | Object containing the name and href of the service.                                                                                   |
+| **service.text**                | string  | No       | Name of the service                                                                                                                   |
+| **service.href**                | string  | No       | URL path that the service name links to.                                                                                              |
+| **organisation**                | object  | No       | Settings for header with organisational logo.                                                                                         |
+| **organisation.name**           | string  | No       | Organisation name value.                                                                                                              |
+| **organisation.split**          | string  | No       | Longer organisation names can be split onto multiple lines.                                                                           |
+| **organisation.descriptor**     | string  | No       | Organisation descriptor.                                                                                                              |
+| **primaryLinks**                | array   | No       | Array of navigation links for use in the header.                                                                                      |
+| **primaryLinks[].href**         | string  | No       | The href of a navigation item in the header.                                                                                          |
+| **primaryLinks[].text**         | string  | No       | The link text of a navigation item in the header.                                                                                     |
+| **primaryLinks[].current**      | boolean | No       | Set to true if this links to the current page being shown.                                                                            |
+| **primaryLinks[].active**       | boolean | No       | Set to true if the current page is within this section, but the link doesn’t necessarily link to the current page                     |
+| **primaryLinks[].classes**      | string  | No       | Optional additional classes to add to the list item.                                                                                  |
+| **primaryLinks[].attributes**   | string  | No       | Any extra HTML attributes (for example data attributes) to add to the list item.                                                      |
+| **search**                      | object  | No       | Settings for the search input.                                                                                                        |
+| **search.action**               | string  | No       | The search action endpoint. Defaults to <https://www.nhs.uk/search>                                                                   |
+| **search.name**                 | string  | No       | The name for the search field. Defaults to "q"                                                                                        |
+| **search.visuallyHiddenLabel**  | string  | No       | The label for the search field. Defaults to "Search the NHS website"                                                                  |
+| **classes**                     | string  | No       | Optional additional classes to add to the header container. Separate each class with a space.                                         |
+| **attributes**                  | object  | No       | Any extra HTML attributes (for example data attributes) to add to the header container.                                               |
 
 If you are using Nunjucks macros in production be aware that using `html` arguments, or ones ending with `html` can be a [security risk](https://developer.mozilla.org/en-US/docs/Glossary/Cross-site_scripting). Read more about this in the [Nunjucks documentation](https://mozilla.github.io/nunjucks/api.html#user-defined-templates-warning).
diff --git a/packages/components/header/_header-organisation.scss b/packages/components/header/_header-organisation.scss
index b2c80ee75..b55079311 100644
--- a/packages/components/header/_header-organisation.scss
+++ b/packages/components/header/_header-organisation.scss
@@ -1,7 +1,7 @@
 /// Organisation header variant
 
 .nhsuk-header--organisation {
-  .nhsuk-header__link {
+  .nhsuk-header__logo__link {
     @include nhsuk-link-style-header;
     display: block;
 
diff --git a/packages/components/header/_header-white.scss b/packages/components/header/_header-white.scss
index 650c204b7..a8c0ca2b3 100644
--- a/packages/components/header/_header-white.scss
+++ b/packages/components/header/_header-white.scss
@@ -7,7 +7,7 @@
     color: $color_nhsuk-blue;
   }
 
-  .nhsuk-header__link:hover {
+  .nhsuk-header__logo__link:hover {
     color: $nhsuk-text-color;
 
     .nhsuk-organisation-descriptor {
@@ -50,8 +50,7 @@
   }
 
   .nhsuk-organisation-name,
-  .nhsuk-header__service-name,
-  .nhsuk-header__transactional-service-name--link {
+  .nhsuk-header__service-name {
     color: $color_nhsuk-black;
   }
 
diff --git a/packages/components/header/_header.scss b/packages/components/header/_header.scss
index 495b65022..c4f98a1da 100644
--- a/packages/components/header/_header.scss
+++ b/packages/components/header/_header.scss
@@ -35,18 +35,18 @@
   }
 }
 
-/// Logo and transaction/service name
-
+// Logo should not grow by default
 .nhsuk-header__logo {
   display: flex;
-  flex-grow: 999;
+  flex-grow: 0;
+}
 
-  .nhsuk-header__transactional & {
-    flex-grow: 0;
-  }
+// ...unless there is no service name
+.nhsuk-header__logo--no-service-name {
+  flex-grow: 999;
 }
 
-.nhsuk-header__link {
+.nhsuk-header__logo__link {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
@@ -61,9 +61,8 @@
   }
 }
 
-.nhsuk-header__link,
-.nhsuk-header__transactional-service-name--link {
-  @include nhsuk-font(19, $line-height: 1.1);
+.nhsuk-header__logo__link,
+.nhsuk-header__service-name__link {
   @include nhsuk-link-style-header;
   text-decoration: none;
   text-wrap: balance;
@@ -73,10 +72,11 @@
   }
 }
 
-.nhsuk-header__transactional-service-name {
+.nhsuk-header__service-name {
+  @include nhsuk-font(19, $line-height: 1.1);
   align-items: center;
   display: flex;
-  flex-grow: 1;
+  flex-grow: 999;
   margin-right: auto;
 }
 
diff --git a/packages/components/header/template.njk b/packages/components/header/template.njk
index e07114b38..7b4b33267 100644
--- a/packages/components/header/template.njk
+++ b/packages/components/header/template.njk
@@ -22,35 +22,48 @@
 {% endmacro %}
 
 <header class="nhsuk-header
-{%- if params.transactionalService %} nhsuk-header__transactional{% endif %}
 {%- if params.organisation %} nhsuk-header--organisation{% endif %}
 {%- if params.classes %} {{ params.classes }}{% endif %}" role="banner"
 {{- nhsukAttributes(params.attributes) }}>
   <div class="nhsuk-header__container">
-    <div class="nhsuk-header__logo">
+    <div class="nhsuk-header__logo {% if not params.service %}nhsuk-header__logo--no-service-name{% endif %}">
     {%- if params.organisation %}
-      <a class="nhsuk-header__link" href="{{ params.homeHref | default('/') }}" aria-label="{{ params.organisation.name }} {{ params.organisation.split }} {{ params.organisation.descriptor }} homepage">
-      {%- if params.organisation.logoURL %}
-        <img class="nhsuk-organisation-logo" src="{{ baseUrl }}{{ params.organisation.logoURL }}" alt=""/>
+      {%- if params.logo.href -%}
+      <a class="nhsuk-header__logo__link" href="{{ params.logo.href }}" aria-label="{{ params.organisation.name }} {{ params.organisation.split }} {{ params.organisation.descriptor }} homepage">
+      {%- endif -%}
+      {%- if params.logo.src %}
+        <img class="nhsuk-organisation-logo" src="{{ baseUrl }}{{ params.logo.src }}" alt=""/>
       {%- else -%}
         {{ nhsLogo | safe }}
         <span class="nhsuk-organisation-name">{{ params.organisation.name }}{% if params.organisation.split %} <span class="nhsuk-organisation-name-split">{{ params.organisation.split }}</span>{% endif %}</span>
         {% if params.organisation.descriptor %}<span class="nhsuk-organisation-descriptor">{{ params.organisation.descriptor }}</span>{% endif %}
       {%- endif %}
+      {%- if params.logo.href -%}
       </a>
+      {%- endif -%}
     {%- else -%}
-      <a class="nhsuk-header__link{% if params.service %} nhsuk-header__link--service {% endif %}" href="{{ params.homeHref | default('/') }}" aria-label="{{ params.ariaLabel | default('NHS homepage') }}">
+      {% if params.logo.href or params.logo.includeWithServiceLink %}
+      <a class="nhsuk-header__logo__link" href="{%- if params.logo.includeWithServiceLink %}{{ params.service.href }}{% else %}{{ params.logo.href }}{% endif %}" aria-label="{{ params.logo.ariaLabel | default('NHS homepage') }}">
+      {% endif %}
         {{ nhsLogo | safe }}
-        {%- if params.service %}
-        <span class="nhsuk-header__service-name">{{ params.service.name }}</span>
+        {%- if params.logo.includeWithServiceLink %}
+        <span class="nhsuk-header__service-name">{{ params.service.text }}</span>
         {%- endif %}
-      </a>
+        {%- if params.logo.href or params.logo.includeWithServiceLink -%}
+        </a>
+        {%- endif -%}
     {%- endif %}
     </div>
 
-{%- if params.transactionalService %}
-    <div class="nhsuk-header__transactional-service-name">
-      <a class="nhsuk-header__transactional-service-name--link" href="{{ params.transactionalService.href | default('/') }}">{{ params.transactionalService.name }}</a>
+{%- if params.service.text and not params.logo.includeWithServiceLink %}
+    <div class="nhsuk-header__service-name">
+      {%- if params.service.href -%}
+        <a class="nhsuk-header__service-name__link" href="{{ params.service.href }}">
+      {% endif %}
+        {{ params.service.text }}
+      {%- if params.service.href -%}
+        </a>
+      {% endif %}
     </div>
 {%- endif %}
 
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_default_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_default_0_document_2_iPad.png
index 5c633b192..5455e3376 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_default_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_default_0_document_2_iPad.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_default_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_default_0_document_3_Surface_iPad_Pro.png
index c9d177bcf..626d74781 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_default_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_default_0_document_3_Surface_iPad_Pro.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_0_iPhone_5_SE.png
index 9116dd7d8..93719108a 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_0_iPhone_5_SE.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_0_iPhone_5_SE.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_1_iPhone_6-8.png
index cf4d1b978..33ec7e745 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_1_iPhone_6-8.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_1_iPhone_6-8.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_2_iPad.png
index b1a81dc3b..d888b6213 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_2_iPad.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_3_Surface_iPad_Pro.png
index 8b5e040b8..7326ef092 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_0_document_3_Surface_iPad_Pro.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_0_iPhone_5_SE.png
index 716db6872..f1e746c14 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_0_iPhone_5_SE.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_0_iPhone_5_SE.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_1_iPhone_6-8.png
index ee36b1cf9..d16c087b3 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_1_iPhone_6-8.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_1_iPhone_6-8.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_2_iPad.png
index 14f6e71e5..0e46dd652 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_2_iPad.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_3_Surface_iPad_Pro.png
index d753346e0..160ded651 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_0_document_3_Surface_iPad_Pro.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_0_iPhone_5_SE.png
index bfa5aaac1..4bb555621 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_0_iPhone_5_SE.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_0_iPhone_5_SE.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_1_iPhone_6-8.png
index 7585df1d5..bf9aed626 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_1_iPhone_6-8.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_1_iPhone_6-8.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_2_iPad.png
index ec474ba1f..3e14e0a97 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_2_iPad.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_3_Surface_iPad_Pro.png
index c4befa7dd..d65e946b1 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_account_0_document_3_Surface_iPad_Pro.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_0_iPhone_5_SE.png
index fad0b4f39..24de5fee4 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_0_iPhone_5_SE.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_0_iPhone_5_SE.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_1_iPhone_6-8.png
index bbb3ef5f4..d8082d9d4 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_1_iPhone_6-8.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_1_iPhone_6-8.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_2_iPad.png
index 59fa1ae20..12da4101a 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_2_iPad.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_3_Surface_iPad_Pro.png
index cdda3b0f3..c5ba6fe96 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_organisational_with_white_header_and_navigation_0_document_3_Surface_iPad_Pro.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_0_iPhone_5_SE.png
index fbe742f7b..1f9c9207f 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_0_iPhone_5_SE.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_0_iPhone_5_SE.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_1_iPhone_6-8.png
index 367d209c7..28b9d82bf 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_1_iPhone_6-8.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_1_iPhone_6-8.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_2_iPad.png
index c1b53c417..8f6d42885 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_2_iPad.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_3_Surface_iPad_Pro.png
index fea3f70be..71ebc584d 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_0_document_3_Surface_iPad_Pro.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_search_and_navigation_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_search_and_navigation_0_document_0_iPhone_5_SE.png
index c6513f8b6..ee604b093 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_search_and_navigation_0_document_0_iPhone_5_SE.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_search_and_navigation_0_document_0_iPhone_5_SE.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_search_and_navigation_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_search_and_navigation_0_document_1_iPhone_6-8.png
index 14cc14752..564e4be35 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_search_and_navigation_0_document_1_iPhone_6-8.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_a_service_name_search_and_navigation_0_document_1_iPhone_6-8.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_0_iPhone_5_SE.png
index fb3e4c63f..36383ed9b 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_0_iPhone_5_SE.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_0_iPhone_5_SE.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_1_iPhone_6-8.png
index 491ca0974..bf8707fd2 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_1_iPhone_6-8.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_1_iPhone_6-8.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_2_iPad.png
index f79dda78a..65b3b2fa9 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_2_iPad.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_3_Surface_iPad_Pro.png
index 78b707353..ca098b855 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_0_document_3_Surface_iPad_Pro.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_RBAC_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_RBAC_0_document_0_iPhone_5_SE.png
index 2a31cf999..232a66db3 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_RBAC_0_document_0_iPhone_5_SE.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_RBAC_0_document_0_iPhone_5_SE.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_RBAC_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_RBAC_0_document_1_iPhone_6-8.png
index fea6e0d53..a84190a98 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_RBAC_0_document_1_iPhone_6-8.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_RBAC_0_document_1_iPhone_6-8.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_custom_html_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_custom_html_0_document_0_iPhone_5_SE.png
index 2a31cf999..232a66db3 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_custom_html_0_document_0_iPhone_5_SE.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_custom_html_0_document_0_iPhone_5_SE.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_custom_html_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_custom_html_0_document_1_iPhone_6-8.png
index fea6e0d53..a84190a98 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_custom_html_0_document_1_iPhone_6-8.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_in_custom_html_0_document_1_iPhone_6-8.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_0_iPhone_5_SE.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_0_iPhone_5_SE.png
index f21351109..7d763cf48 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_0_iPhone_5_SE.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_0_iPhone_5_SE.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_1_iPhone_6-8.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_1_iPhone_6-8.png
index 57146bd43..bb6304fbd 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_1_iPhone_6-8.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_1_iPhone_6-8.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_2_iPad.png
index cc582c0f3..b1920e757 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_2_iPad.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_3_Surface_iPad_Pro.png
index a120b479d..0a30278cf 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_logged_out_0_document_3_Surface_iPad_Pro.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_navigation_and_search_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_navigation_and_search_0_document_2_iPad.png
index c66cc1387..3ef892684 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_navigation_and_search_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_navigation_and_search_0_document_2_iPad.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_navigation_and_search_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_navigation_and_search_0_document_3_Surface_iPad_Pro.png
index 878fe251f..9006b4cf6 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_navigation_and_search_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_account_navigation_and_search_0_document_3_Surface_iPad_Pro.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_search_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_search_0_document_2_iPad.png
index 197d4d141..a3c3a32a7 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_search_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_search_0_document_2_iPad.png differ
diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_search_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_search_0_document_3_Surface_iPad_Pro.png
index 9aa08bb1b..a094cdbb8 100644
Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_search_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Header_with_search_0_document_3_Surface_iPad_Pro.png differ