diff --git a/designer/package.json b/designer/package.json
index 2024fac8a6..b1e341900c 100644
--- a/designer/package.json
+++ b/designer/package.json
@@ -127,7 +127,7 @@
     "eslint-plugin-tsdoc": "^0.2.14",
     "file-loader": "^6.2.0",
     "flat": "5.0.2",
-    "govuk-frontend": "^4.0.1",
+    "govuk-frontend": "^4.8.0",
     "hoek": "^6.1.3",
     "html-webpack-plugin": "^4.5.2",
     "i18next-parser": "^3.3.0",
diff --git a/runner/package.json b/runner/package.json
index 3d16f74049..5548447835 100644
--- a/runner/package.json
+++ b/runner/package.json
@@ -61,7 +61,7 @@
     "config": "^3.3.7",
     "dotenv": "8.2.0",
     "expr-eval": "^2.0.2",
-    "govuk-frontend": "^4.3.1",
+    "govuk-frontend": "^5.3.1",
     "hapi-pino": "8.0.0",
     "hapi-pulse": "3.0.0",
     "hapi-rate-limit": "4.1.0",
diff --git a/runner/src/client/sass/_govuk.scss b/runner/src/client/sass/_govuk.scss
index a6d659881b..76b7d66504 100644
--- a/runner/src/client/sass/_govuk.scss
+++ b/runner/src/client/sass/_govuk.scss
@@ -1,3 +1,3 @@
 $govuk-global-styles: true;
 
-@import "node_modules/govuk-frontend/govuk/all";
+@import "node_modules/govuk-frontend/dist/govuk/all";
diff --git a/runner/src/client/sass/_upload-dialog.scss b/runner/src/client/sass/_upload-dialog.scss
index 8535c4c0cc..f05c733337 100644
--- a/runner/src/client/sass/_upload-dialog.scss
+++ b/runner/src/client/sass/_upload-dialog.scss
@@ -1,4 +1,4 @@
-@import "node_modules/govuk-frontend/govuk/helpers/colour";
+@import "node_modules/govuk-frontend/dist/govuk/helpers/colour";
 
 .upload-dialog {
   display: none;
diff --git a/runner/src/client/sass/modal-dialog.scss b/runner/src/client/sass/modal-dialog.scss
index a57cbc4a8a..834800c3af 100644
--- a/runner/src/client/sass/modal-dialog.scss
+++ b/runner/src/client/sass/modal-dialog.scss
@@ -1,4 +1,4 @@
-@import "node_modules/govuk-frontend/govuk/all";
+@import "node_modules/govuk-frontend/dist/govuk/all";
 .modal-dialog {
   // Don't display modal if user doesn't have js. Can be overriden with .modal-dialog--no-js-persistent
   display: none;
diff --git a/yarn.lock b/yarn.lock
index 1e2ac934be..865e052a91 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4953,7 +4953,7 @@ __metadata:
     flagg: ^1.1.2
     flat: 5.0.2
     focus-trap-react: ^8.9.2
-    govuk-frontend: ^4.0.1
+    govuk-frontend: ^4.8.0
     hapi-pino: ^8.0.1
     hoek: ^6.1.3
     html-webpack-plugin: ^4.5.2
@@ -5131,7 +5131,7 @@ __metadata:
     expr-eval: ^2.0.2
     flat: 5.0.2
     form-data: ^4.0.0
-    govuk-frontend: ^4.3.1
+    govuk-frontend: ^5.3.1
     hapi-pino: 8.0.0
     hapi-pulse: 3.0.0
     hapi-rate-limit: 4.1.0
@@ -11362,13 +11362,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"govuk-frontend@npm:^4.3.1":
+"govuk-frontend@npm:^4.3.1, govuk-frontend@npm:^4.8.0":
   version: 4.8.0
   resolution: "govuk-frontend@npm:4.8.0"
   checksum: e255f924f399319e109347ec4993e0441fc5847a6a73ba44a465b1599c7d03e85c29212743b081ccd60e19224c6301143c77540b8e4bfe615fcb3e162b8663f4
   languageName: node
   linkType: hard
 
+"govuk-frontend@npm:^5.3.1":
+  version: 5.3.1
+  resolution: "govuk-frontend@npm:5.3.1"
+  checksum: b87c2208a7b971cc6ac1d0c19eb188fe1f40587af6e904d60a18ed9e5e9fef2ad9cec53734b38ad512c4fbd6c947677845d0afeff4594c59f18905485b0d0ae9
+  languageName: node
+  linkType: hard
+
 "graceful-fs@npm:^4.0.0, graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.15, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
   version: 4.2.11
   resolution: "graceful-fs@npm:4.2.11"