diff --git a/_includes/footer_scripts.html b/_includes/footer_scripts.html
index e494d4b1f4ab..742669b60ccd 100644
--- a/_includes/footer_scripts.html
+++ b/_includes/footer_scripts.html
@@ -24,8 +24,8 @@
       var top = $(this).scrollTop();
       var fullPosition = $(".main-background").height() - $(".header-holder").height();
 
-      if (top === 0) {
-        $(".header-holder").css({"backgroundColor": "transparent"});
+      if (top <= 40) {
+        $(".header-holder").css({"backgroundColor": "rgba(0, 0, 0, 0.165)"});
       } else if (top >= fullPosition) {
         $(".header-holder").css({"backgroundColor": "#000000"});
       } else {
diff --git a/_sass/homepage.scss b/_sass/homepage.scss
index 35c96c3311d2..6144b2746071 100644
--- a/_sass/homepage.scss
+++ b/_sass/homepage.scss
@@ -53,6 +53,10 @@
       background-color: $light_grey;
     }
   }
+
+  .homepage-header {
+    background-color: rgba(0, 0, 0, 0.165);
+  }
 }
 
 .homepage-feature-module {
@@ -368,7 +372,7 @@
     &:hover {
       color: $orange;
     }
-  }  
+  }
 }
 
 .no-banner {