diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss
index ee1c95fd373b9012c07697b3c73cee6e06641c31..3f95846522b6f03753af348e727026907e763903 100644
--- a/app/assets/stylesheets/framework/variables.scss
+++ b/app/assets/stylesheets/framework/variables.scss
@@ -429,6 +429,7 @@ $help-shortcut-header-color: #333;
 */
 $issues-today-bg: #f3fff2;
 $issues-today-border: #e1e8d5;
+$compare-display-color: #888;
 
 /*
 * jQuery UI
diff --git a/app/assets/stylesheets/pages/issuable.scss b/app/assets/stylesheets/pages/issuable.scss
index c9014ac2906ad31e5164faa44dfcd88049706718..1825c44e090dd37e5b3c0ecaa16388924be03078 100644
--- a/app/assets/stylesheets/pages/issuable.scss
+++ b/app/assets/stylesheets/pages/issuable.scss
@@ -488,7 +488,7 @@
     }
 
     &:hover svg {
-      fill: $gl-gray;
+      fill: $gl-text-color;
     }
   }
 
@@ -535,10 +535,10 @@
 
     .compare-display {
       font-size: 13px;
-      color: $gl-gray-light;
+      color: $compare-display-color;
 
       .compare-value {
-        color: $gl-gray;
+        color: $gl-text-color;
       }
     }
   }