diff --git a/apps/docs/package.json b/apps/docs/package.json
index 01f1fa94..2ebc2c04 100644
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/docs",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "Documentation website.",
   "private": true,
   "main": "dist/server/index.js",
@@ -35,8 +35,8 @@
   "devDependencies": {
     "@apollo/client": "3.6.9",
     "@graphql-tools/schema": "8.5.0",
-    "@hods/components": "workspace:^0.3.7",
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/components": "workspace:^0.4.0",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/anchor-list": "^0.7.2",
     "@not-govuk/app-composer": "^0.7.2",
     "@not-govuk/app-plop-pack": "^0.7.2",
diff --git a/components/a-z-navigation/package.json b/components/a-z-navigation/package.json
index 9575e148..5445f44d 100644
--- a/components/a-z-navigation/package.json
+++ b/components/a-z-navigation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/a-z-navigation",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "A component to help users navigate an A to Z.",
   "main": "src/AZNavigation.tsx",
   "sass": "assets/AZNavigation.scss",
@@ -24,7 +24,7 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/navigation-menu": "^0.7.2"
   },
   "peerDependencies": {
diff --git a/components/alert/package.json b/components/alert/package.json
index 4dfffeac..6675152e 100644
--- a/components/alert/package.json
+++ b/components/alert/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/alert",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "Alert users to important information.",
   "main": "src/Alert.tsx",
   "sass": "assets/Alert.scss",
@@ -24,7 +24,7 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/component-helpers": "^0.7.2",
     "@not-govuk/inset-text": "^0.7.2"
   },
diff --git a/components/date-display/package.json b/components/date-display/package.json
index 44380a57..6f860af8 100644
--- a/components/date-display/package.json
+++ b/components/date-display/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/date-display",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "Displays a date in accordance with Gov style guidance",
   "main": "src/DateDisplay.tsx",
   "sass": "assets/DateDisplay.scss",
diff --git a/components/date-time/package.json b/components/date-time/package.json
index 5f5564e9..0d6cd858 100644
--- a/components/date-time/package.json
+++ b/components/date-time/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/date-time",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "Displays date and time inline with Gov style guidance",
   "main": "src/DateTime.tsx",
   "sass": "assets/DateTime.scss",
@@ -24,8 +24,8 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/date-display": "workspace:^0.3.7",
-    "@hods/time": "workspace:^0.3.7",
+    "@hods/date-display": "workspace:^0.4.0",
+    "@hods/time": "workspace:^0.4.0",
     "@not-govuk/component-helpers": "^0.7.2"
   },
   "peerDependencies": {
diff --git a/components/expandable-banner/package.json b/components/expandable-banner/package.json
index be9604ce..323e8fe0 100644
--- a/components/expandable-banner/package.json
+++ b/components/expandable-banner/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/expandable-banner",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "Component that provides both high level and more detailed warning messages",
   "main": "src/ExpandableBanner.tsx",
   "sass": "assets/ExpandableBanner.scss",
@@ -24,7 +24,7 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/component-helpers": "^0.7.2"
   },
   "peerDependencies": {
diff --git a/components/footer/package.json b/components/footer/package.json
index 4b64ca4d..793cc4f3 100644
--- a/components/footer/package.json
+++ b/components/footer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/footer",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "HODS' page footer.",
   "main": "src/Footer.tsx",
   "sass": "assets/Footer.scss",
@@ -24,7 +24,7 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/component-helpers": "^0.7.2",
     "@not-govuk/link": "^0.7.2"
   },
diff --git a/components/header/package.json b/components/header/package.json
index 5c324fde..a17deae1 100644
--- a/components/header/package.json
+++ b/components/header/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/header",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "HODS' page header.",
   "main": "src/Header.tsx",
   "sass": "assets/Header.scss",
@@ -24,7 +24,7 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/anchor-list": "^0.7.2",
     "@not-govuk/component-helpers": "^0.7.2",
     "@not-govuk/link": "^0.7.2"
diff --git a/components/highlight/package.json b/components/highlight/package.json
index 48d7e7ab..68596adb 100644
--- a/components/highlight/package.json
+++ b/components/highlight/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/highlight",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "A component for highlighting words and short pieces of text.",
   "main": "src/Highlight.tsx",
   "sass": "assets/Highlight.scss",
diff --git a/components/loading-spinner/package.json b/components/loading-spinner/package.json
index 0647aac5..42723c1c 100644
--- a/components/loading-spinner/package.json
+++ b/components/loading-spinner/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/loading-spinner",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "A circular rotating loading spinner.",
   "main": "src/LoadingSpinner.tsx",
   "sass": "assets/LoadingSpinner.scss",
@@ -24,7 +24,7 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/component-helpers": "^0.7.2"
   },
   "peerDependencies": {
diff --git a/components/page/package.json b/components/page/package.json
index a00fecfe..a6e2a706 100644
--- a/components/page/package.json
+++ b/components/page/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/page",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "HODS' page component.",
   "main": "src/Page.tsx",
   "sass": "assets/Page.scss",
@@ -24,9 +24,9 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/footer": "workspace:^0.3.7",
-    "@hods/header": "workspace:^0.3.7",
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/footer": "workspace:^0.4.0",
+    "@hods/header": "workspace:^0.4.0",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/component-helpers": "^0.7.2",
     "@not-govuk/skip-link": "^0.7.2",
     "govuk-frontend": "4.4.1"
diff --git a/components/pagination/package.json b/components/pagination/package.json
index 1d164700..3cd600a5 100644
--- a/components/pagination/package.json
+++ b/components/pagination/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/pagination",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "Component to allow separating long tables into separate tables",
   "main": "src/Pagination.tsx",
   "sass": "assets/Pagination.scss",
@@ -24,7 +24,7 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/component-helpers": "^0.7.2",
     "@not-govuk/link": "^0.7.2",
     "@not-govuk/route-utils": "^0.7.2"
diff --git a/components/status-message/package.json b/components/status-message/package.json
index 953836d9..65eb4470 100644
--- a/components/status-message/package.json
+++ b/components/status-message/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/status-message",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "An indication to the user that something has changed.",
   "main": "src/StatusMessage.tsx",
   "sass": "assets/StatusMessage.scss",
@@ -24,7 +24,7 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/anchor-list": "^0.7.2",
     "@not-govuk/component-helpers": "^0.7.2",
     "govuk-frontend": "4.4.1"
diff --git a/components/time/package.json b/components/time/package.json
index afa5af30..ce3386ee 100644
--- a/components/time/package.json
+++ b/components/time/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/time",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "Displays a time in accordance with Gov style guidance",
   "main": "src/Time.tsx",
   "sass": "assets/Time.scss",
diff --git a/components/timeline/package.json b/components/timeline/package.json
index 00c7a9d3..5bd33c72 100644
--- a/components/timeline/package.json
+++ b/components/timeline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/timeline",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "A timeline of events",
   "main": "src/Timeline.tsx",
   "sass": "assets/Timeline.scss",
@@ -24,8 +24,8 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/date-time": "workspace:^0.3.7",
-    "@hods/sass-base": "workspace:^0.3.7",
+    "@hods/date-time": "workspace:^0.4.0",
+    "@hods/sass-base": "workspace:^0.4.0",
     "@not-govuk/component-helpers": "^0.7.2"
   },
   "peerDependencies": {
diff --git a/lib/components/package.json b/lib/components/package.json
index c0575d59..f2b1b667 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/components",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "All Home Office Design System components.",
   "main": "src/index.ts",
   "sass": "assets/index.scss",
@@ -24,21 +24,21 @@
     "react-components"
   ],
   "dependencies": {
-    "@hods/a-z-navigation": "workspace:^0.3.7",
-    "@hods/alert": "workspace:^0.3.7",
-    "@hods/date-display": "workspace:^0.3.7",
-    "@hods/date-time": "workspace:^0.3.7",
-    "@hods/expandable-banner": "workspace:^0.3.7",
-    "@hods/footer": "workspace:^0.3.7",
-    "@hods/header": "workspace:^0.3.7",
-    "@hods/highlight": "workspace:^0.3.7",
-    "@hods/loading-spinner": "workspace:^0.3.7",
-    "@hods/page": "workspace:^0.3.7",
-    "@hods/pagination": "workspace:^0.3.7",
-    "@hods/sass-base": "workspace:^0.3.7",
-    "@hods/status-message": "workspace:^0.3.7",
-    "@hods/time": "workspace:^0.3.7",
-    "@hods/timeline": "workspace:^0.3.7"
+    "@hods/a-z-navigation": "workspace:^0.4.0",
+    "@hods/alert": "workspace:^0.4.0",
+    "@hods/date-display": "workspace:^0.4.0",
+    "@hods/date-time": "workspace:^0.4.0",
+    "@hods/expandable-banner": "workspace:^0.4.0",
+    "@hods/footer": "workspace:^0.4.0",
+    "@hods/header": "workspace:^0.4.0",
+    "@hods/highlight": "workspace:^0.4.0",
+    "@hods/loading-spinner": "workspace:^0.4.0",
+    "@hods/page": "workspace:^0.4.0",
+    "@hods/pagination": "workspace:^0.4.0",
+    "@hods/sass-base": "workspace:^0.4.0",
+    "@hods/status-message": "workspace:^0.4.0",
+    "@hods/time": "workspace:^0.4.0",
+    "@hods/timeline": "workspace:^0.4.0"
   },
   "devDependencies": {
     "jest": "29.5.0",
diff --git a/lib/create/package.json b/lib/create/package.json
index 779f2ef6..fbd2ebb9 100644
--- a/lib/create/package.json
+++ b/lib/create/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/create",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "A project and prototype initialiser.",
   "main": "plopfile.js",
   "type": "module",
@@ -21,7 +21,7 @@
     "node": ">=14.0.0"
   },
   "dependencies": {
-    "@hods/plop-pack": "workspace:^0.3.7",
+    "@hods/plop-pack": "workspace:^0.4.0",
     "@not-govuk/create": "^0.7.2",
     "@not-govuk/plop-pack-internal": "^0.7.2"
   },
diff --git a/lib/plop-pack/package.json b/lib/plop-pack/package.json
index 2c2f7435..6fcc87a1 100644
--- a/lib/plop-pack/package.json
+++ b/lib/plop-pack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/plop-pack",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "Plop pack with misc tools.",
   "main": "src/index.js",
   "type": "module",
diff --git a/lib/plop-pack/skel/app/package.json.hbs b/lib/plop-pack/skel/app/package.json.hbs
index 371a8c43..af32305e 100644
--- a/lib/plop-pack/skel/app/package.json.hbs
+++ b/lib/plop-pack/skel/app/package.json.hbs
@@ -1,5 +1,5 @@
 {
   "devDependencies": {
-    "@hods/components": "{{#if (eq (pkg 'name')'hods')}}workspace:{{/if}}^0.3.7"
+    "@hods/components": "{{#if (eq (pkg 'name')'hods')}}workspace:{{/if}}^0.4.0"
   }
 }
diff --git a/lib/sass-base/package.json b/lib/sass-base/package.json
index 65a16583..18f3b571 100644
--- a/lib/sass-base/package.json
+++ b/lib/sass-base/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hods/sass-base",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "The base SASS code for HODS styling.",
   "sass": "src/index.scss",
   "files": [
diff --git a/package.json b/package.json
index 8536a4ee..e201df71 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "@babel/preset-env": "7.22.5",
     "@babel/preset-react": "7.22.5",
     "@babel/preset-typescript": "7.22.5",
-    "@hods/plop-pack": "workspace:^0.3.7",
+    "@hods/plop-pack": "workspace:^0.4.0",
     "@mdx-js/react": "1.6.22",
     "@not-govuk/components": "^0.7.2",
     "@not-govuk/docs-components": "^0.7.2",
@@ -74,7 +74,7 @@
     "webpack-hot-middleware": "2.25.3"
   },
   "name": "hods",
-  "version": "0.3.7",
+  "version": "0.4.0",
   "description": "The design system for the UK Home Office.",
   "main": "index.js",
   "repository": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0658b483..629ac23c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,7 +10,7 @@ importers:
       '@babel/preset-env': 7.22.5
       '@babel/preset-react': 7.22.5
       '@babel/preset-typescript': 7.22.5
-      '@hods/plop-pack': workspace:^0.3.7
+      '@hods/plop-pack': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/components': ^0.7.2
       '@not-govuk/docs-components': ^0.7.2
@@ -94,8 +94,8 @@ importers:
     specifiers:
       '@apollo/client': 3.6.9
       '@graphql-tools/schema': 8.5.0
-      '@hods/components': workspace:^0.3.7
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/components': workspace:^0.4.0
+      '@hods/sass-base': workspace:^0.4.0
       '@not-govuk/anchor-list': ^0.7.2
       '@not-govuk/app-composer': ^0.7.2
       '@not-govuk/app-plop-pack': ^0.7.2
@@ -176,7 +176,7 @@ importers:
 
   components/a-z-navigation:
     specifiers:
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/sass-base': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/component-test-helpers': ^0.7.2
       '@not-govuk/navigation-menu': ^0.7.2
@@ -201,7 +201,7 @@ importers:
 
   components/alert:
     specifiers:
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/sass-base': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/component-helpers': ^0.7.2
       '@not-govuk/component-test-helpers': ^0.7.2
@@ -247,8 +247,8 @@ importers:
 
   components/date-time:
     specifiers:
-      '@hods/date-display': workspace:^0.3.7
-      '@hods/time': workspace:^0.3.7
+      '@hods/date-display': workspace:^0.4.0
+      '@hods/time': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/component-helpers': ^0.7.2
       '@not-govuk/component-test-helpers': ^0.7.2
@@ -272,7 +272,7 @@ importers:
 
   components/expandable-banner:
     specifiers:
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/sass-base': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/component-helpers': ^0.7.2
       '@not-govuk/component-test-helpers': ^0.7.2
@@ -295,7 +295,7 @@ importers:
 
   components/footer:
     specifiers:
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/sass-base': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/component-helpers': ^0.7.2
       '@not-govuk/component-test-helpers': ^0.7.2
@@ -320,7 +320,7 @@ importers:
 
   components/header:
     specifiers:
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/sass-base': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/anchor-list': ^0.7.2
       '@not-govuk/component-helpers': ^0.7.2
@@ -368,7 +368,7 @@ importers:
 
   components/loading-spinner:
     specifiers:
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/sass-base': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/component-helpers': ^0.7.2
       '@not-govuk/component-test-helpers': ^0.7.2
@@ -391,9 +391,9 @@ importers:
 
   components/page:
     specifiers:
-      '@hods/footer': workspace:^0.3.7
-      '@hods/header': workspace:^0.3.7
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/footer': workspace:^0.4.0
+      '@hods/header': workspace:^0.4.0
+      '@hods/sass-base': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/component-helpers': ^0.7.2
       '@not-govuk/component-test-helpers': ^0.7.2
@@ -422,7 +422,7 @@ importers:
 
   components/pagination:
     specifiers:
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/sass-base': workspace:^0.4.0
       '@jest/globals': 28.1.3
       '@mdx-js/react': 1.6.22
       '@not-govuk/component-helpers': ^0.7.2
@@ -451,7 +451,7 @@ importers:
 
   components/status-message:
     specifiers:
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/sass-base': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/anchor-list': ^0.7.2
       '@not-govuk/component-helpers': ^0.7.2
@@ -499,8 +499,8 @@ importers:
 
   components/timeline:
     specifiers:
-      '@hods/date-time': workspace:^0.3.7
-      '@hods/sass-base': workspace:^0.3.7
+      '@hods/date-time': workspace:^0.4.0
+      '@hods/sass-base': workspace:^0.4.0
       '@mdx-js/react': 1.6.22
       '@not-govuk/component-helpers': ^0.7.2
       '@not-govuk/component-test-helpers': ^0.7.2
@@ -524,21 +524,21 @@ importers:
 
   lib/components:
     specifiers:
-      '@hods/a-z-navigation': workspace:^0.3.7
-      '@hods/alert': workspace:^0.3.7
-      '@hods/date-display': workspace:^0.3.7
-      '@hods/date-time': workspace:^0.3.7
-      '@hods/expandable-banner': workspace:^0.3.7
-      '@hods/footer': workspace:^0.3.7
-      '@hods/header': workspace:^0.3.7
-      '@hods/highlight': workspace:^0.3.7
-      '@hods/loading-spinner': workspace:^0.3.7
-      '@hods/page': workspace:^0.3.7
-      '@hods/pagination': workspace:^0.3.7
-      '@hods/sass-base': workspace:^0.3.7
-      '@hods/status-message': workspace:^0.3.7
-      '@hods/time': workspace:^0.3.7
-      '@hods/timeline': workspace:^0.3.7
+      '@hods/a-z-navigation': workspace:^0.4.0
+      '@hods/alert': workspace:^0.4.0
+      '@hods/date-display': workspace:^0.4.0
+      '@hods/date-time': workspace:^0.4.0
+      '@hods/expandable-banner': workspace:^0.4.0
+      '@hods/footer': workspace:^0.4.0
+      '@hods/header': workspace:^0.4.0
+      '@hods/highlight': workspace:^0.4.0
+      '@hods/loading-spinner': workspace:^0.4.0
+      '@hods/page': workspace:^0.4.0
+      '@hods/pagination': workspace:^0.4.0
+      '@hods/sass-base': workspace:^0.4.0
+      '@hods/status-message': workspace:^0.4.0
+      '@hods/time': workspace:^0.4.0
+      '@hods/timeline': workspace:^0.4.0
       jest: 29.5.0
       jest-environment-jsdom: 29.5.0
       ts-jest: 29.1.0
@@ -567,7 +567,7 @@ importers:
 
   lib/create:
     specifiers:
-      '@hods/plop-pack': workspace:^0.3.7
+      '@hods/plop-pack': workspace:^0.4.0
       '@not-govuk/create': ^0.7.2
       '@not-govuk/plop-pack-internal': ^0.7.2
       plop: 3.1.1