diff --git a/src/_colors.scss b/src/_colors.scss
index 5ef54a7ce..33c5560c3 100644
--- a/src/_colors.scss
+++ b/src/_colors.scss
@@ -28,6 +28,7 @@ $ui-coral-dark: hsla(350, 100, 60, 1); // #FF3355 More Blocks tertiary
 $ui-white: hsla(0, 100%, 100%, 1); //#FFF
 $ui-white-15percent: hsla(0, 100%, 100%, .15); //#FFF
 $ui-light-primary: hsl(215, 100, 95);
+$ui-light-primary-transparent: hsla(215, 100, 95, 0);
 
 $ui-border: hsla(0, 0, 85, 1); //#D9D9D9
 
diff --git a/src/views/preview/comment/comment.scss b/src/views/preview/comment/comment.scss
index c1513110a..e7bfdffdc 100644
--- a/src/views/preview/comment/comment.scss
+++ b/src/views/preview/comment/comment.scss
@@ -1,7 +1,5 @@
 @import "../../../colors";
 
-$cross-browser-transparent: hsla(0, 0, 100%, 0);
-
 .compose-comment {
     width: 100%;
 
@@ -174,7 +172,7 @@ $cross-browser-transparent: hsla(0, 0, 100%, 0);
                 position: absolute;
                 bottom: 0;
                 background: linear-gradient(
-                    $cross-browser-transparent,
+                    $ui-light-primary-transparent,
                     $ui-light-primary
                 );
                 width: 100%;