diff --git a/app/assets/sass/components/_header.scss b/app/assets/sass/components/_header.scss
new file mode 100644
index 00000000..2bad45bf
--- /dev/null
+++ b/app/assets/sass/components/_header.scss
@@ -0,0 +1,5 @@
+// This modifier overrides the default behaviour which is to
+// justify the items in the nav when there are 4 or more.
+.app-header--left-aligned .nhsuk-header__navigation-list {
+  justify-content: initial;
+}
diff --git a/app/assets/sass/docs.scss b/app/assets/sass/docs.scss
index cf5e3aa8..da50a0f3 100755
--- a/app/assets/sass/docs.scss
+++ b/app/assets/sass/docs.scss
@@ -1,5 +1,6 @@
 // NHS.UK frontend library
 @import 'node_modules/nhsuk-frontend/packages/nhsuk';
+@import 'components/header';
 
 // ==========================================================================
 // PROTOTYPE SPECIFIC STYLES
diff --git a/app/views/layout.html b/app/views/layout.html
index 19ff649e..5b2e7a04 100755
--- a/app/views/layout.html
+++ b/app/views/layout.html
@@ -9,6 +9,7 @@
 
 {% block header %}
   {{ header({
+    classes: "app-header--left-aligned",
     homeHref: "/",
     ariaLabel: "NHS Prototype Kit homepage",
     service: {
@@ -24,6 +25,10 @@
         label: "Guides",
         url: "/how-tos"
       },
+      {
+        label: "Contribute",
+        url: "/contribute"
+      },
       {
         label: "Support",
         url: "/support"