diff --git a/packages/smarthr-ui/src/components/Heading/stories/Heading.stories.tsx b/packages/smarthr-ui/src/components/Heading/stories/Heading.stories.tsx
index c6e026f753..4e180281de 100644
--- a/packages/smarthr-ui/src/components/Heading/stories/Heading.stories.tsx
+++ b/packages/smarthr-ui/src/components/Heading/stories/Heading.stories.tsx
@@ -32,6 +32,9 @@ export const Type: StoryObj<typeof Heading> = {
       <Heading {...args} type="sectionTitle">
         SectionTitle
       </Heading>
+      <Heading {...args} type="subSectionTitle">
+        SectionTitle
+      </Heading>
       <Heading {...args} type="blockTitle">
         BlockTitle
       </Heading>
diff --git a/packages/smarthr-ui/src/components/Heading/stories/PageHeading.stories.tsx b/packages/smarthr-ui/src/components/Heading/stories/PageHeading.stories.tsx
index 9af573c645..0fee0f6f2e 100644
--- a/packages/smarthr-ui/src/components/Heading/stories/PageHeading.stories.tsx
+++ b/packages/smarthr-ui/src/components/Heading/stories/PageHeading.stories.tsx
@@ -31,6 +31,9 @@ export const Type: StoryObj<typeof PageHeading> = {
       <PageHeading {...args} type="sectionTitle">
         SectionTitle
       </PageHeading>
+      <PageHeading {...args} type="subSectionTitle">
+        SectionTitle
+      </PageHeading>
       <PageHeading {...args} type="blockTitle">
         BlockTitle
       </PageHeading>
diff --git a/packages/smarthr-ui/src/components/Heading/stories/VRTHeading.stories.tsx b/packages/smarthr-ui/src/components/Heading/stories/VRTHeading.stories.tsx
index d6b542ce9b..89b3907123 100644
--- a/packages/smarthr-ui/src/components/Heading/stories/VRTHeading.stories.tsx
+++ b/packages/smarthr-ui/src/components/Heading/stories/VRTHeading.stories.tsx
@@ -12,9 +12,10 @@ export default {
   render: (args: any) => {
     const types = [
       'screenTitle',
+      'sectionTitle',
+      'subSectionTitle',
       'blockTitle',
       'subBlockTitle',
-      'sectionTitle',
       'subSubBlockTitle',
     ] as const
     const tags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const
diff --git a/packages/smarthr-ui/src/components/Text/Text.tsx b/packages/smarthr-ui/src/components/Text/Text.tsx
index 9ed9be9767..1aca8ab7bb 100644
--- a/packages/smarthr-ui/src/components/Text/Text.tsx
+++ b/packages/smarthr-ui/src/components/Text/Text.tsx
@@ -4,17 +4,23 @@ import { VariantProps, tv } from 'tailwind-variants'
 type StyleType =
   | 'screenTitle'
   | 'sectionTitle'
+  | 'subSectionTitle'
   | 'blockTitle'
   | 'subBlockTitle'
   | 'subSubBlockTitle'
 
 export const STYLE_TYPE_MAP: { [key in StyleType]: VariantProps<typeof text> } = {
   screenTitle: {
-    size: 'XL',
+    size: 'XXL',
     leading: 'TIGHT',
     weight: 'normal',
   },
   sectionTitle: {
+    size: 'XL',
+    leading: 'TIGHT',
+    weight: 'normal',
+  },
+  subSectionTitle: {
     size: 'L',
     leading: 'TIGHT',
     weight: 'normal',
diff --git a/packages/smarthr-ui/src/components/Text/stories/Text.stories.tsx b/packages/smarthr-ui/src/components/Text/stories/Text.stories.tsx
index 00dee1a5ab..42b4dae0ed 100644
--- a/packages/smarthr-ui/src/components/Text/stories/Text.stories.tsx
+++ b/packages/smarthr-ui/src/components/Text/stories/Text.stories.tsx
@@ -124,6 +124,7 @@ export const StyleType: StoryObj<typeof Text> = {
     <Stack>
       <Text {...args} styleType="screenTitle" />
       <Text {...args} styleType="sectionTitle" />
+      <Text {...args} styleType="subSectionTitle" />
       <Text {...args} styleType="blockTitle" />
       <Text {...args} styleType="subBlockTitle" />
       <Text {...args} styleType="subSubBlockTitle" />