From 7fcb14737cb75f90158d888f309469e28be16937 Mon Sep 17 00:00:00 2001
From: Ken <ken@open.gov.sg>
Date: Wed, 18 Dec 2024 11:35:37 +0800
Subject: [PATCH] fix: set header size to h4

---
 .../components/WorkflowContent/EditStepBlock/ApprovalsBlock.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/features/admin-form/create/workflow/components/WorkflowContent/EditStepBlock/ApprovalsBlock.tsx b/frontend/src/features/admin-form/create/workflow/components/WorkflowContent/EditStepBlock/ApprovalsBlock.tsx
index f5e5ca7286..3e3a1ea5e7 100644
--- a/frontend/src/features/admin-form/create/workflow/components/WorkflowContent/EditStepBlock/ApprovalsBlock.tsx
+++ b/frontend/src/features/admin-form/create/workflow/components/WorkflowContent/EditStepBlock/ApprovalsBlock.tsx
@@ -2,6 +2,7 @@ import { useCallback, useState } from 'react'
 import { Controller, UseFormReturn } from 'react-hook-form'
 import { FormControl } from '@chakra-ui/react'
 
+import { textStyles } from '~theme/textStyles'
 import { SingleSelect } from '~components/Dropdown'
 import FormErrorMessage from '~components/FormControl/FormErrorMessage'
 import FormLabel from '~components/FormControl/FormLabel'
@@ -89,6 +90,7 @@ export const ApprovalsBlock = ({
         isLoading={isLoading}
         onChange={onApprovalToggleChange}
         isChecked={isApprovalToggleChecked}
+        labelStyles={textStyles.h4}
         label="This respondent is an approver"
         description="If they select Yes, the form continues to the next step. If they select No, it stops here."
         tooltipText="Use this for steps that involve any type of decision, such as reviews or endorsements"