diff --git a/src/css/custom.css b/src/css/custom.css
index a4ae17e24..8dc6188a1 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -207,11 +207,6 @@ svg.landingLogo path {
   fill: #ebedf0
 }
 
-.heroContainer_src-theme-sections-hero-hero-module {
-  background: -webkit-linear-gradient(to right, #102445, #0a1922) !important;  /* Chrome 10-25, Safari 5.1-6 */
-  background: linear-gradient(to right, #102445, #0a1922) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-}
-
 .hero__title {
   font-size: 2.5rem;
 }
diff --git a/src/theme/sections/hero/hero.module.css b/src/theme/sections/hero/hero.module.css
index e093294db..3f626665f 100644
--- a/src/theme/sections/hero/hero.module.css
+++ b/src/theme/sections/hero/hero.module.css
@@ -1,9 +1,9 @@
 .heroContainer {
   /* background: linear-gradient(134.3deg, #FFFFFF 0%, #000000 40.99%, #000000 100%);*/
-background: #000000;  /* fallback for old browsers */
-background: -webkit-linear-gradient(to right, #000000, #434343);  /* Chrome 10-25, Safari 5.1-6 */
-background: linear-gradient(to right, #000000, #434343); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+  background: #0a1922;  /* fallback for old browsers */
   padding: 32px 0 42px;
+  background: -webkit-linear-gradient(to right, #102445, #0a1922) !important;  /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to right, #102445, #0a1922) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }
 
 .heroInner {