From 6393c284faa7ab41cf0a0d2637957877cfa52c7c Mon Sep 17 00:00:00 2001
From: Dante Catalfamo <43040593+dantecatalfamo@users.noreply.github.com>
Date: Thu, 18 Sep 2025 13:04:22 -0400
Subject: [PATCH] Fixed inconsistent subtitle text style in Custom Settings
 (#32712)

#32273
---
 .../32273-custom-settings-different-spacing   |  1 +
 .../cards/CustomSettings/CustomSettings.tsx   | 26 ++++++++++++-------
 .../cards/CustomSettings/_styles.scss         |  6 -----
 3 files changed, 18 insertions(+), 15 deletions(-)
 create mode 100644 changes/32273-custom-settings-different-spacing

diff --git a/changes/32273-custom-settings-different-spacing b/changes/32273-custom-settings-different-spacing
new file mode 100644
index 0000000000..40ce4b1724
--- /dev/null
+++ b/changes/32273-custom-settings-different-spacing
@@ -0,0 +1 @@
+- Fixed inconsistent subtitle text style in Custom Settings
diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/CustomSettings.tsx b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/CustomSettings.tsx
index d48d09aa4c..0665de8cd2 100644
--- a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/CustomSettings.tsx
+++ b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/CustomSettings.tsx
@@ -202,17 +202,25 @@ const CustomSettings = ({
     !!profileLabelsModalData?.labels_include_any?.length ||
     !!profileLabelsModalData?.labels_exclude_any?.length;
 
+  const subTitle = (
+    <>
+      Create and upload configuration profiles to apply custom settings.{" "}
+      <CustomLink
+        newTab
+        text="Learn how"
+        url="https://fleetdm.com/learn-more-about/custom-os-settings"
+      />
+    </>
+  );
+
   return (
     <div className={baseClass}>
-      <SectionHeader title="Custom settings" />
-      <p className={`${baseClass}__description`}>
-        Create and upload configuration profiles to apply custom settings.{" "}
-        <CustomLink
-          newTab
-          text="Learn how"
-          url="https://fleetdm.com/learn-more-about/custom-os-settings"
-        />
-      </p>
+      <SectionHeader
+        title="Custom settings"
+        subTitle={subTitle}
+        alignLeftHeaderVertically
+        greySubtitle
+      />
       {!mdmEnabled ? (
         <TurnOnMdmMessage
           router={router}
diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss
index 34d244d0e2..a59c4fa641 100644
--- a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss
+++ b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss
@@ -1,10 +1,4 @@
 .custom-settings {
-  &__description {
-    font-size: $x-small;
-    margin-bottom: $pad-large;
-    @include grey-text;
-  }
-
   .upload-list {
     &__list {
       .list-item__label-count {