diff --git a/client/__tests__/__snapshots__/main.test.tsx.snap b/client/__tests__/__snapshots__/main.test.tsx.snap
index 932bb9dc7..9e6418990 100644
--- a/client/__tests__/__snapshots__/main.test.tsx.snap
+++ b/client/__tests__/__snapshots__/main.test.tsx.snap
@@ -310,10 +310,12 @@ exports[`Main renders something 1`] = `
   -webkit-text-decoration: none;
   text-decoration: none;
   white-space: nowrap;
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  vertical-align: middle;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 700;
+  font-style: normal;
   --source-text-decoration-thickness: 2px;
   height: 36px;
   min-height: 36px;
@@ -413,15 +415,17 @@ html:not(.src-focus-disabled) .emotion-60:focus {
   align-items: center;
   height: 44px;
   padding-left: 8px;
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 0.9375rem;
   line-height: 1.3;
   font-weight: 700;
+  font-style: normal;
   --source-text-decoration-thickness: 2px;
   color: #FFFFFF;
   background-color: #052962;
   -webkit-text-decoration: none;
   text-decoration: none;
+  white-space: nowrap;
 }
 
 .emotion-63 :hover {
diff --git a/client/__tests__/components/helpCentre/__snapshots__/helpCentreContactOptions.test.tsx.snap b/client/__tests__/components/helpCentre/__snapshots__/helpCentreContactOptions.test.tsx.snap
index 381cfe6c9..9af0d6735 100644
--- a/client/__tests__/components/helpCentre/__snapshots__/helpCentreContactOptions.test.tsx.snap
+++ b/client/__tests__/components/helpCentre/__snapshots__/helpCentreContactOptions.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`HelpCentreContactOptions Help Centre landing page Help Centre article (
   .emotion-0 {
   border-top: 1px solid #DCDCDC;
   margin-top: 30px;
-  font-family: GH Guardian Headline,Guardian Egyptian Web,Georgia,serif;
+  font-family: "GH Guardian Headline","Guardian Egyptian Web",Georgia,serif;
   font-size: 1.75rem;
   line-height: 1.15;
   font-weight: 700;
@@ -44,7 +44,7 @@ exports[`HelpCentreContactOptions Help Centre landing page Help Centre article (
 }
 
 .emotion-2 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -106,7 +106,7 @@ exports[`HelpCentreContactOptions Help Centre landing page Help Centre article (
 }
 
 .emotion-5 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -115,7 +115,7 @@ exports[`HelpCentreContactOptions Help Centre landing page Help Centre article (
 }
 
 .emotion-6 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 700;
@@ -124,7 +124,7 @@ exports[`HelpCentreContactOptions Help Centre landing page Help Centre article (
 }
 
 .emotion-7 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -133,7 +133,7 @@ exports[`HelpCentreContactOptions Help Centre landing page Help Centre article (
 }
 
 .emotion-8 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -156,7 +156,7 @@ exports[`HelpCentreContactOptions Help Centre landing page Help Centre article (
 }
 
 .emotion-12 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -402,7 +402,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
   .emotion-0 {
   border-top: 1px solid #DCDCDC;
   margin-top: 30px;
-  font-family: GH Guardian Headline,Guardian Egyptian Web,Georgia,serif;
+  font-family: "GH Guardian Headline","Guardian Egyptian Web",Georgia,serif;
   font-size: 1.75rem;
   line-height: 1.15;
   font-weight: 700;
@@ -441,7 +441,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
 }
 
 .emotion-2 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -503,7 +503,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
 }
 
 .emotion-5 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -512,7 +512,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
 }
 
 .emotion-6 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 700;
@@ -521,7 +521,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
 }
 
 .emotion-7 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -530,7 +530,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
 }
 
 .emotion-8 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -553,7 +553,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
 }
 
 .emotion-12 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -799,7 +799,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
   .emotion-0 {
   border-top: 1px solid #DCDCDC;
   margin-top: 30px;
-  font-family: GH Guardian Headline,Guardian Egyptian Web,Georgia,serif;
+  font-family: "GH Guardian Headline","Guardian Egyptian Web",Georgia,serif;
   font-size: 1.75rem;
   line-height: 1.15;
   font-weight: 700;
@@ -820,7 +820,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
     Still can’t find what you’re looking for?
   </h2>,
   .emotion-0 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -852,7 +852,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
 }
 
 .emotion-0 a {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 0.9375rem;
   line-height: 1.3;
   font-weight: 400;
@@ -896,7 +896,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
   -ms-flex-direction: column;
   flex-direction: column;
   border: 1px solid #DCDCDC;
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -910,7 +910,7 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
 }
 
 .emotion-3 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.25rem;
   line-height: 1.3;
   font-weight: 700;
@@ -1006,10 +1006,12 @@ exports[`HelpCentreContactOptions Help Centre landing page with live chat featur
   -webkit-text-decoration: none;
   text-decoration: none;
   white-space: nowrap;
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  vertical-align: middle;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 700;
+  font-style: normal;
   --source-text-decoration-thickness: 2px;
   height: 44px;
   min-height: 44px;
@@ -1076,7 +1078,7 @@ html:not(.src-focus-disabled) .emotion-7:focus {
 }
 
 .emotion-15 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.25rem;
   line-height: 1.3;
   font-weight: 700;
@@ -1108,7 +1110,7 @@ html:not(.src-focus-disabled) .emotion-7:focus {
 
 .emotion-17 {
   display: none;
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -1142,7 +1144,7 @@ html:not(.src-focus-disabled) .emotion-7:focus {
 }
 
 .emotion-20 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -1204,7 +1206,7 @@ html:not(.src-focus-disabled) .emotion-7:focus {
 }
 
 .emotion-23 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -1227,7 +1229,7 @@ html:not(.src-focus-disabled) .emotion-7:focus {
 }
 
 .emotion-27 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 1.0625rem;
   line-height: 1.3;
   font-weight: 400;
@@ -1291,7 +1293,7 @@ html:not(.src-focus-disabled) .emotion-7:focus {
 
 .emotion-46 {
   margin: 0;
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 0.9375rem;
   line-height: 1.3;
   font-weight: 700;
@@ -1299,7 +1301,7 @@ html:not(.src-focus-disabled) .emotion-7:focus {
 }
 
 .emotion-47 {
-  font-family: GuardianTextSans,Guardian Text Sans Web,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
+  font-family: GuardianTextSans,"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-size: 0.9375rem;
   line-height: 1.3;
   font-weight: 400;
diff --git a/package.json b/package.json
index 6359fa4a1..bc7875bc9 100644
--- a/package.json
+++ b/package.json
@@ -67,7 +67,7 @@
     "@emotion/jest": "11.9.1",
     "@guardian/eslint-config-typescript": "9.0.2",
     "@guardian/eslint-plugin-source-foundations": "17.0.1",
-    "@guardian/eslint-plugin-source-react-components": "25.0.0",
+    "@guardian/eslint-plugin-source-react-components": "24.0.1",
     "@guardian/node-riffraff-artifact": "0.2.2",
     "@guardian/prettier": "1.0.0",
     "@guardian/tsconfig": "0.1.6",
@@ -149,9 +149,9 @@
     "@guardian/ab-react": "2.0.1",
     "@guardian/commercial": "17.9.0",
     "@guardian/libs": "16.1.0",
-    "@guardian/source-foundations": "13.2.0",
+    "@guardian/source-foundations": "16.0.0",
     "@guardian/source-react-components": "25.0.0",
-    "@guardian/source-react-components-development-kitchen": "14.0.2",
+    "@guardian/source-react-components-development-kitchen": "21.0.0",
     "@okta/jwt-verifier": "3.0.1",
     "@sentry/browser": "5.22.3",
     "@sentry/node": "5.22.3",
diff --git a/yarn.lock b/yarn.lock
index 69e0e2a60..d331836e5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2978,7 +2978,7 @@
     "@typescript-eslint/parser" "6.18.0"
     eslint-plugin-import "2.29.1"
 
-"@guardian/eslint-plugin-source-react-components@25.0.0":
+"@guardian/eslint-plugin-source-react-components@24.0.1":
   version "24.0.1"
   resolved "https://registry.yarnpkg.com/@guardian/eslint-plugin-source-react-components/-/eslint-plugin-source-react-components-24.0.1.tgz#e70ce2b8e249bb6790d10be2e3c91223a6c802d1"
   integrity sha512-2opgruOKoCp1tAW2vdhl+UpHq2osoN4DAQqrtNsWUCqXtdqAxsXLM9jWqwUzTY68EjFoqg3whxJrbFYWByILCQ==
@@ -3043,17 +3043,17 @@
   resolved "https://registry.yarnpkg.com/@guardian/prettier/-/prettier-1.0.0.tgz#a5dd832e2ce31c6f723f0af77fe116b32b4695ff"
   integrity sha512-srnhPn3hcSv14mDotFQN0CfN3k8MaGsXdK8BXAG95QQxM69Ybi16o4/Xqe361fwDEp7m+9jf03sETcMi8WsDlA==
 
-"@guardian/source-foundations@13.2.0":
-  version "13.2.0"
-  resolved "https://registry.yarnpkg.com/@guardian/source-foundations/-/source-foundations-13.2.0.tgz#ef2da59a089f83606b9afd333d5f02c77cd882b5"
-  integrity sha512-HKgpuzk00+JiqLB2cMln5gJXvu1lQ2OcfqX8s7w0kPdnC3cSBw/emziM3bx4ib3GXs5CMjQb6g3rhGy/DCjLKg==
+"@guardian/source-foundations@16.0.0":
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/@guardian/source-foundations/-/source-foundations-16.0.0.tgz#dd4821dffa8aabcfb21d3fc76b0f416bf67aa577"
+  integrity sha512-bdRcJTEJ6tGmibGRwhQcY70NMACHCcsnNsiWRwW1fSPpvcAuR4xvXmn3UlaL1U/RO4Yk1YvJjPiV/n9WHnjbjQ==
   dependencies:
     mini-svg-data-uri "1.4.4"
 
-"@guardian/source-react-components-development-kitchen@14.0.2":
-  version "14.0.2"
-  resolved "https://registry.yarnpkg.com/@guardian/source-react-components-development-kitchen/-/source-react-components-development-kitchen-14.0.2.tgz#c8bab2cf21717b5c857dad075bca8a12112c0b13"
-  integrity sha512-F5nDwRuekC9ZUSEy+FdXMnke/q/rYi4Mple2t1rv6d61oHsOnnGxReQtfPYyVnYv5zGYo8phlOtLGstSQg3DRQ==
+"@guardian/source-react-components-development-kitchen@21.0.0":
+  version "21.0.0"
+  resolved "https://registry.yarnpkg.com/@guardian/source-react-components-development-kitchen/-/source-react-components-development-kitchen-21.0.0.tgz#8f428c9506289fd8e26dd6381f9f82158547f8f4"
+  integrity sha512-rhh9wv9PsNqkOJGWWc7iqoGvhvPPYaKDA3TF6xIpV6KVQAuESIkBmL7NrbEyBO2btStJ6UMTtGd0kpCZPrRr5Q==
 
 "@guardian/source-react-components@25.0.0":
   version "25.0.0"