From 91b5903c6117a281244a0f9f5bb0516ca061d90d Mon Sep 17 00:00:00 2001
From: Nuzhy-Deriv <nuzhy@deriv.com>
Date: Thu, 22 Feb 2024 12:45:12 +0800
Subject: [PATCH] fix: update home hero block

---
 libs/blocks/src/lib/hero/home-hero/index.tsx | 9 +++++----
 libs/blocks/src/lib/hero/index.tsx           | 1 +
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/libs/blocks/src/lib/hero/home-hero/index.tsx b/libs/blocks/src/lib/hero/home-hero/index.tsx
index 47db95e7..f49b857a 100644
--- a/libs/blocks/src/lib/hero/home-hero/index.tsx
+++ b/libs/blocks/src/lib/hero/home-hero/index.tsx
@@ -9,6 +9,7 @@ const HomeHero = ({
   ctaButton: CTAButton,
   awards: Awards,
   heroImage: HeroImage,
+  heroImageClass,
 }: HomeHeroProps) => {
   return (
     <Section
@@ -29,17 +30,17 @@ const HomeHero = ({
               {description}
             </Text>
           )}
-          <div className="flex pt-general-2xl max-sm:justify-center">
+          <div className="flex pt-general-2xl max-sm:justify-center max-sm:pb-general-2xl">
             {CTAButton}
           </div>
         </div>
         {Awards && (
-          <div className="bottom-50 z-10 flex pb-general-xl max-sm:py-general-2xl sm:absolute">
-            {Awards}
+          <div className="bottom-50 z-20 flex pb-general-xl max-sm:justify-center max-sm:pb-general-2xl sm:absolute">
+            <div className="flex gap-gap-xl">{Awards}</div>
           </div>
         )}
       </FluidContainer>
-      {HeroImage && HeroImage}
+      {HeroImage && <div className={heroImageClass}>{HeroImage}</div>}
       <div className="absolute inset-50 z-10 bg-gradient-hero-mobile sm:-z-10 sm:bg-gradient-hero"></div>
     </Section>
   );
diff --git a/libs/blocks/src/lib/hero/index.tsx b/libs/blocks/src/lib/hero/index.tsx
index 61759625..7dba8927 100644
--- a/libs/blocks/src/lib/hero/index.tsx
+++ b/libs/blocks/src/lib/hero/index.tsx
@@ -22,6 +22,7 @@ export interface HomeHeroProps {
   awards?: ReactNode;
   backgroundImage: ReactNode;
   heroImage?: ReactNode;
+  heroImageClass?: string;
 }
 
 export type HeroVariants = {