diff --git a/src/components/sections/hero/HeroBillboardCarousel.tsx b/src/components/sections/hero/HeroBillboardCarousel.tsx
index 160f7b5..70b0800 100644
--- a/src/components/sections/hero/HeroBillboardCarousel.tsx
+++ b/src/components/sections/hero/HeroBillboardCarousel.tsx
@@ -94,7 +94,7 @@ const HeroBillboardCarousel = ({
         <section
             aria-label={ariaLabel}
             className={cls(
-                "relative w-full py-hero-page-padding md:h-svh md:py-0",
+                "relative w-full py-hero-page-padding md:h-screen md:py-0 bg-gradient-to-r from-blue-500 to-purple-500",
                 className
             )}
         >