diff --git a/docs/examples/secondary-navigation-with-header.njk b/docs/examples/secondary-navigation-with-header.njk
index 4e4c618..c618c12 100644
--- a/docs/examples/secondary-navigation-with-header.njk
+++ b/docs/examples/secondary-navigation-with-header.njk
@@ -1,13 +1,12 @@
 ---
 eleventyExcludeFromCollections: true
 layout: example.njk
-title: Secondary navigation with header
+title: Secondary navigation example with header
 ---
-{% from "x-govuk/components/secondary-navigation/macro.njk" import xGovukSecondaryNavigation %}
-
 <span class="govuk-caption-l">Case #161351</span>
 <h1 class="govuk-heading-l">James Smith</h1>
 
+{% from "x-govuk/components/secondary-navigation/macro.njk" import xGovukSecondaryNavigation %}
 {{ xGovukSecondaryNavigation({
   items: [{
     text: "Overview",
diff --git a/docs/examples/secondary-navigation.njk b/docs/examples/secondary-navigation.njk
index 5f4bd9d..e1b49b7 100644
--- a/docs/examples/secondary-navigation.njk
+++ b/docs/examples/secondary-navigation.njk
@@ -1,10 +1,9 @@
 ---
 eleventyExcludeFromCollections: true
 layout: example.njk
-title: Secondary navigation
+title: Secondary navigation example
 ---
 {% from "x-govuk/components/secondary-navigation/macro.njk" import xGovukSecondaryNavigation %}
-
 {{ xGovukSecondaryNavigation({
   items: [{
     text: "Overview",