diff --git a/app/assets/javascripts/admin/components/admin-report-counts.js.es6 b/app/assets/javascripts/admin/components/admin-report-counts.js.es6
index 25bf94db210..46ab32f6091 100644
--- a/app/assets/javascripts/admin/components/admin-report-counts.js.es6
+++ b/app/assets/javascripts/admin/components/admin-report-counts.js.es6
@@ -1,3 +1,5 @@
 export default Ember.Component.extend({
-  tagName: 'tr'
+  tagName: 'tr',
+  reverseColors: Ember.computed.match('report.type', /^(time_to_first_response|topics_with_no_response)$/),
+  classNameBindings: ['reverseColors']
 });
diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index dc7e990616d..e2349f935d1 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -816,6 +816,15 @@ table.api-keys {
         }
       }
     }
+
+    tr.reverse-colors {
+      td.value.trending-down i.down {
+        color: $success;
+      }
+      td.value.trending-up i.up {
+        color: $danger;
+      }
+    }
   }
 
   &.detected-problems {