diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
index 7923b58..b24ba7a 100644
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -40,7 +40,7 @@ export default function HeroSection(): React.JSX.Element {
   }, [progress, images.length]);
 
   return (
-    <div id="hero" data-webild-section="hero" className="w-full pt-32 pb-16 px-4 md:px-8 bg-background">
+    <div id="hero" data-webild-section="hero" className="w-full pt-32 pb-16 px-4 md:px-8">
         <SectionErrorBoundary name="hero">
             <div className="container mx-auto max-w-6xl flex flex-col items-center text-center">
                 <div className="flex flex-col items-center text-center gap-4 mb-16 max-w-3xl mx-auto">