diff --git a/apps/frontend/src/components/FormEndPage/EndPageBlock.tsx b/apps/frontend/src/components/FormEndPage/EndPageBlock.tsx index 03919ee2f4..e2464a97ec 100644 --- a/apps/frontend/src/components/FormEndPage/EndPageBlock.tsx +++ b/apps/frontend/src/components/FormEndPage/EndPageBlock.tsx @@ -56,8 +56,8 @@ export const EndPageBlock = ({ const mdComponents = useMdComponents({ styles: { text: { - textStyle: 'subhead-1', - color: 'secondary.500', + textStyle: 'body-1', + color: 'secondary.700', }, }, }) diff --git a/apps/frontend/src/features/public-form/components/FormEndPage/FormEndPage.stories.tsx b/apps/frontend/src/features/public-form/components/FormEndPage/FormEndPage.stories.tsx index 16724f8234..60880df40d 100644 --- a/apps/frontend/src/features/public-form/components/FormEndPage/FormEndPage.stories.tsx +++ b/apps/frontend/src/features/public-form/components/FormEndPage/FormEndPage.stories.tsx @@ -53,6 +53,16 @@ Default.args = { handleSubmitFeedback: (inputs) => console.log(inputs), } +export const BulletedParagraph = Template.bind({}) +BulletedParagraph.args = { + ...Default.args, + endPage: { + ...Default.args.endPage!, + paragraph: + 'Thank you for registering. What happens next:\n\n* We will review your application\n* You will receive an email within 3 working days\n* Contact us at hello@example.gov.sg if you have questions', + }, +} + export const ColorThemeGreen = Template.bind({}) ColorThemeGreen.args = { ...Default.args,