diff --git a/assets/css/src/components/_progressBar.scss b/assets/css/src/components/_progressBar.scss
index 3ac65fd87e..3e73634301 100644
--- a/assets/css/src/components/_progressBar.scss
+++ b/assets/css/src/components/_progressBar.scss
@@ -24,13 +24,13 @@
   border-radius: 3px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
   background-color: #34c2e3;
-  background-image: linear-gradient(top, #34c2e3, darken(#34c2e3, 20%));
+  background-image: linear-gradient(to bottom, #34c2e3, darken(#34c2e3, 20%));
 }
 
 .mailpoet_progress_complete {
   .mailpoet_progress_bar {
     background-color: hsla(191, 78%, 80%, 1);
-    background-image: linear-gradient(top,  hsla(191, 78%, 80%, 1), hsla(191, 76%, 67%, 1));
+    background-image: linear-gradient(to bottom,  hsla(191, 78%, 80%, 1), hsla(191, 76%, 67%, 1));
   }
 }