diff --git a/next/components/molecules/Banner.js b/next/components/molecules/Banner.js index 9409252c..c1f2c535 100644 --- a/next/components/molecules/Banner.js +++ b/next/components/molecules/Banner.js @@ -14,6 +14,7 @@ export default function Banner({ href, onClick, imageSrc, + imageProps = {}, ...props }) { return ( @@ -24,7 +25,7 @@ export default function Banner({ flexDirection={{ base: 'column', md: 'row' }} justifyContent="space-between" gap="40px" - padding="16px" + padding="32px" margin="24px auto !important" borderRadius="16px" boxSizing="border-box" @@ -32,14 +33,16 @@ export default function Banner({ alignItems="center" {...props} > - + {title} - - {description} - + {description && ( + + {description} + + )}