From ece42c7e2688b65332bbc9cf425edcff79ab941c Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Wed, 17 May 2023 19:09:09 +0200
Subject: [PATCH] Component fixes in Admin X DS

refs. https://github.com/TryGhost/Team/issues/3150
---
 ghost/admin-x-settings/src/App.tsx          | 3 ++-
 ghost/admin-x-settings/src/styles/demo.css  | 2 +-
 ghost/admin-x-settings/src/styles/index.css | 2 +-
 ghost/admin-x-settings/tailwind.config.cjs  | 1 +
 4 files changed, 5 insertions(+), 3 deletions(-)

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',