diff --git a/ghost/admin-x-settings/src/App.tsx b/ghost/admin-x-settings/src/App.tsx
index cc60138810..e6b6bb42a8 100644
--- a/ghost/admin-x-settings/src/App.tsx
+++ b/ghost/admin-x-settings/src/App.tsx
@@ -1,3 +1,4 @@
+import Heading from './admin-x-ds/global/Heading';
 import Settings from './components/Settings';
 import Sidebar from './components/Sidebar';
 
@@ -17,7 +18,7 @@ function App() {
 
                 {/* Sidebar */}
                 <div className="relative grow-0 md:sticky md:top-[8vmin] md:basis-[240px]">
-                    <h1 className="font-inter text-5xl">Settings</h1>
+                    <Heading>Settings</Heading>
                     <Sidebar />
                 </div>
                 <div className="flex-auto pt-[3vmin] md:pt-[72px]">
diff --git a/ghost/admin-x-settings/src/styles/demo.css b/ghost/admin-x-settings/src/styles/demo.css
index bb4dbbde0a..5edcdf1c4d 100644
--- a/ghost/admin-x-settings/src/styles/demo.css
+++ b/ghost/admin-x-settings/src/styles/demo.css
@@ -21,7 +21,7 @@
     }
 
     h1 {
-        @apply text-4xl leading-supertight;
+        @apply text-5xl leading-supertight;
     }
 
     h2 {
diff --git a/ghost/admin-x-settings/src/styles/index.css b/ghost/admin-x-settings/src/styles/index.css
index a015333da9..fbb5bccbbe 100644
--- a/ghost/admin-x-settings/src/styles/index.css
+++ b/ghost/admin-x-settings/src/styles/index.css
@@ -21,7 +21,7 @@
     }
 
     h1 {
-        @apply text-4xl leading-supertight;
+        @apply text-5xl leading-supertight;
     }
 
     h2 {
diff --git a/ghost/admin-x-settings/tailwind.config.cjs b/ghost/admin-x-settings/tailwind.config.cjs
index 8fa5893e58..e5e0f925de 100644
--- a/ghost/admin-x-settings/tailwind.config.cjs
+++ b/ghost/admin-x-settings/tailwind.config.cjs
@@ -113,6 +113,7 @@ module.exports = {
                 12: '4.8rem',
                 14: '5.6rem',
                 16: '6.4rem',
+                18: '7.2rem',
                 20: '8rem',
                 24: '9.6rem',
                 28: '11.2rem',