From 2686bb037626505cbde294614a2e693727966c71 Mon Sep 17 00:00:00 2001
From: seaerchin <chin@ers-macbook-pro.lan>
Date: Fri, 8 Sep 2023 17:16:35 +0800
Subject: [PATCH] fix(herobody): stling

---
 src/layouts/components/Homepage/HeroBody.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/layouts/components/Homepage/HeroBody.tsx b/src/layouts/components/Homepage/HeroBody.tsx
index b5df480031..bb23d5e34e 100644
--- a/src/layouts/components/Homepage/HeroBody.tsx
+++ b/src/layouts/components/Homepage/HeroBody.tsx
@@ -292,7 +292,8 @@ const HeroLayoutForm = ({ children }: HeroLayoutFormProps): JSX.Element => {
   )
 
   return (
-    <>
+    <VStack spacing="1rem" align="flex-start" w="100%">
+      <Text textStyle="h5">Customise layout</Text>
       <FormControl isRequired>
         <FormLabel textStyle="subhead-1">Layout</FormLabel>
         <SingleSelect
@@ -307,7 +308,7 @@ const HeroLayoutForm = ({ children }: HeroLayoutFormProps): JSX.Element => {
       <VStack spacing="1rem" w="100%">
         {children({ currentSelectedOption: currentLayout })}
       </VStack>
-    </>
+    </VStack>
   )
 }
 
@@ -393,8 +394,11 @@ export const HeroBody = ({
       <Divider my="1.5rem" />
       <Editable.Section spacing="0.75rem">
         <Box w="100%">
-          <Text textStyle="h5" mb="1rem">
-            Customise Layout
+          <Text textStyle="h5" mb="0.75rem">
+            Hero Interactions
+          </Text>
+          <Text textStyle="subhead-2" mb="0.25rem">
+            Content type
           </Text>
           <Radio.RadioGroup
             onChange={(nextSectionType: HeroSectionType) => {