diff --git a/packages/core/src/layout/Header/Waves.js b/packages/core/src/layout/Header/Waves.js
index 92a1d80c3c..52523834dc 100644
--- a/packages/core/src/layout/Header/Waves.js
+++ b/packages/core/src/layout/Header/Waves.js
@@ -93,8 +93,8 @@ const Waves = ({ theme }) => {
           y2="241.925"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor={color2} stopOpacity="35%" />
-          <stop offset="1" stopColor={color2} stopOpacity="20%" />
+          <stop stopColor={color2} stopOpacity="0.72" />
+          <stop offset="1" stopColor={color2} stopOpacity="0" />
         </linearGradient>
         <linearGradient
           id="paint2_linear"
@@ -104,8 +104,8 @@ const Waves = ({ theme }) => {
           y2="-103.806"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor={color2} stopOpacity="15%" />
-          <stop offset="1" stopColor={color2} stopOpacity="30%" />
+          <stop stopColor={color2} stopOpacity="0.72" />
+          <stop offset="1" stopColor={color2} stopOpacity="0" />
         </linearGradient>
         <linearGradient
           id="paint3_linear"
@@ -115,8 +115,8 @@ const Waves = ({ theme }) => {
           y2="104.375"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor={color2} stopOpacity="30%" />
-          <stop offset="1" stopColor={color2} stopOpacity="5%" />
+          <stop stopColor={color2} stopOpacity="0.72" />
+          <stop offset="1" stopColor={color2} stopOpacity="0" />
         </linearGradient>
         <linearGradient
           id="paint4_linear"
@@ -126,8 +126,8 @@ const Waves = ({ theme }) => {
           y2="194.894"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor={color2} stopOpacity="30%" />
-          <stop offset="1" stopColor={color2} stopOpacity="15%" />
+          <stop stopColor={color2} stopOpacity="0.72" />
+          <stop offset="1" stopColor={color2} stopOpacity="0" />
         </linearGradient>
       </defs>
     </svg>