diff --git a/src/app/core/layout/store-layout/store-header/immersive-store-header.component.scss b/src/app/core/layout/store-layout/store-header/immersive-store-header.component.scss
index 6f7fc92..114baf3 100644
--- a/src/app/core/layout/store-layout/store-header/immersive-store-header.component.scss
+++ b/src/app/core/layout/store-layout/store-header/immersive-store-header.component.scss
@@ -30,16 +30,19 @@
   background-size: cover;
 }
 
+.immersive-header__backdrop::before,
 .immersive-header__backdrop::after {
   content: '';
   position: absolute;
   inset: 0;
-  background: linear-gradient(
-    180deg,
-    rgba(0, 0, 0, 0.48) 0%,
-    rgba(0, 0, 0, 0.4) 47%,
-    #f5f5f5 100%
-  );
+}
+
+.immersive-header__backdrop::before {
+  background: rgba(0, 0, 0, 0.7);
+}
+
+.immersive-header__backdrop::after {
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.4) 47%, #f5f5f5 100%);
 }
 
 .immersive-header__nav {