From ba6a623f965e810a0205f527b4816d834f1c242b Mon Sep 17 00:00:00 2001
From: Kevin Chang <kevin.chang@kajabi.com>
Date: Tue, 26 Sep 2023 16:42:39 -0700
Subject: [PATCH] fix(form section): apply heading style

---
 packages/sage-react/lib/FormSection/FormSection.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/sage-react/lib/FormSection/FormSection.jsx b/packages/sage-react/lib/FormSection/FormSection.jsx
index cff43bdf6f..aa11829f8a 100644
--- a/packages/sage-react/lib/FormSection/FormSection.jsx
+++ b/packages/sage-react/lib/FormSection/FormSection.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Grid } from '../Grid';
 import { Panel } from '../Panel';
+import { SageClassnames } from '../configs';
 
 export const FormSection = ({
   children,
@@ -17,7 +18,7 @@ export const FormSection = ({
       <Grid.Row>
         <Grid.Col size={4} small={12} large={4}>
           <div className="sage-form-section__info">
-            <TagName className="sage-form-section__title">{title}</TagName>
+            <TagName className={`sage-form-section__title ${SageClassnames.TYPE.HEADING_5}`}>{title}</TagName>
             {subtitle && (
               <div className="sage-form-section__subtitle">{subtitle}</div>
             )}