refactor(formmediainput): add width

isomerpages · Sep 6, 2023 · 4a380b1 · 4a380b1
1 parent 1b0dad3
commit 4a380b1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/FormFieldMedia/FormMediaInput.jsx b/src/components/FormFieldMedia/FormMediaInput.jsx
@@ -1,4 +1,4 @@
-import { Flex } from "@chakra-ui/react"
+import { HStack } from "@chakra-ui/react"
 import { Button } from "@opengovsg/design-system-react"
 import PropTypes from "prop-types"
 
@@ -16,7 +16,7 @@ const FormMediaInput = ({
   const { isRequired, isDisabled } = useFormContext()
 
   return (
-    <Flex>
+    <HStack spacing="0.5rem">
       <FormInput
         placeholder={placeholder}
         value={value}
@@ -30,7 +30,7 @@ const FormMediaInput = ({
           {inlineButtonText}
         </Button>
       )}
-    </Flex>
+    </HStack>
   )
 }
 

diff --git a/src/layouts/components/Homepage/HeroBody.tsx b/src/layouts/components/Homepage/HeroBody.tsx
@@ -113,7 +113,7 @@ export const HeroBody = ({
           />
           <FormErrorMessage>{errors.subtitle}</FormErrorMessage>
         </FormControl>
-        <Box>
+        <Box w="100%">
           {/* TODO: migrate this to design system components */}
           <FormContext
             hasError={!!errors.background}