Fixed inconsistent subtitle text style in Custom Settings (#32712)

#32273

changes/32273-custom-settings-different-spacing

@@ -0,0 +1 @@
+- Fixed inconsistent subtitle text style in Custom Settings

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}

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 {