diff --git a/app/assets/stylesheets/desktop/topic.scss b/app/assets/stylesheets/desktop/topic.scss
index e17e9fa2e3f..01634e60988 100644
--- a/app/assets/stylesheets/desktop/topic.scss
+++ b/app/assets/stylesheets/desktop/topic.scss
@@ -203,7 +203,7 @@ a:hover.reply-new {
     bottom: 0;
     width: 0;
     border-right: 1px solid  scale-color-diff();
-    background-color:  desaturate(dark-light-diff($success, $secondary, 60%, -35%), 30%);
+    background-color: desaturate(dark-light-diff($tertiary, $secondary, 90%, -65%), 20%);
     transition: width .75s;
 
   }
diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss
index 70812a772f7..1c1ee4bf898 100644
--- a/app/assets/stylesheets/mobile/topic.scss
+++ b/app/assets/stylesheets/mobile/topic.scss
@@ -140,7 +140,7 @@
     bottom: 0;
     width: 0;
     border-right: 1px solid scale-color($success, $lightness: 50%);
-    background-color: scale-color($success, $lightness: 50%);
+    background-color: desaturate(dark-light-diff($tertiary, $secondary, 90%, -65%), 20%);
   }
 }