diff --git a/app/assets/javascripts/discourse/widgets/time-gap.js.es6 b/app/assets/javascripts/discourse/widgets/time-gap.js.es6
index 66fb0dd0983..5d617772c3c 100644
--- a/app/assets/javascripts/discourse/widgets/time-gap.js.es6
+++ b/app/assets/javascripts/discourse/widgets/time-gap.js.es6
@@ -21,6 +21,6 @@ export default createWidget('time-gap', {
 
   html(attrs) {
     return [h('div.topic-avatar', iconNode('fw')),
-            h('div.small-action-desc', description(attrs))];
+            h('div.small-action-desc.timegap', description(attrs))];
   }
 });
diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index bc662219750..7aeef575d13 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -303,6 +303,9 @@ table.md-table {
     }
   }
 
+  .small-action-desc.timegap {
+      color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
+  }
   .small-action-desc {
     padding: 0.25em 0 0.5em 4.3em;
     margin-top: 6px;