diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 4b8197e..373a0d3 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -72,10 +72,9 @@ const Index = () => {
   return <div className="min-h-screen bg-background">
       <section className="relative">
         {/* Hero Image - Full width with aspect ratio */}
-        <div 
-          className="w-full aspect-[16/9] md:aspect-[16/7] lg:aspect-[16/6] bg-contain bg-center bg-no-repeat bg-white"
-          style={{ backgroundImage: `url(${heroBg})` }}
-        />
+        <div className="w-full aspect-[16/9] md:aspect-[16/7] lg:aspect-[16/6] bg-contain bg-center bg-no-repeat bg-[sidebar-primary-foreground] bg-zinc-700" style={{
+        backgroundImage: `url(${heroBg})`
+      }} />
         
         {/* Animated Stats Bar - Bottom of hero */}
         <div className="bg-zinc-700 py-4">