diff --git a/app/assets/javascripts/cycle_analytics/components/item_issue_component.js.es6 b/app/assets/javascripts/cycle_analytics/components/item_issue_component.js.es6
index 14542dbb958..b1caf9906fd 100644
--- a/app/assets/javascripts/cycle_analytics/components/item_issue_component.js.es6
+++ b/app/assets/javascripts/cycle_analytics/components/item_issue_component.js.es6
@@ -27,21 +27,21 @@
             {{ issue.title }}
           </a>
         </h5>
-      <a href="issue.url">
-      #{{issue.id}}
-      </a>
-      <span>
-        Opened
-        <a href="issue.url">
-          {{ issue.datetime }}
+        <a href="issue.url" class="issue-link">
+          #{{issue.id}}
         </a>
-      </span>
-      <span>
-      by
-      <a href="issue.profile">
-        {{ issue.author }}
-      </a>
-      </span>
+        <span>
+          Opened
+          <a href="issue.url" class="issue-date">
+            {{ issue.datetime }}
+          </a>
+        </span>
+        <span>
+        by
+        <a href="issue.profile" class="issue-author-link">
+          {{ issue.author }}
+        </a>
+        </span>
       </div>
       <div class="item-time">
         <span class="hours" v-if="issue.totalTime.hours">
diff --git a/app/assets/stylesheets/pages/cycle_analytics.scss b/app/assets/stylesheets/pages/cycle_analytics.scss
index dec2595b50d..9f267675af9 100644
--- a/app/assets/stylesheets/pages/cycle_analytics.scss
+++ b/app/assets/stylesheets/pages/cycle_analytics.scss
@@ -328,7 +328,13 @@
       }
     }
 
-    .commit-author-link {
+    .issue-date {
+      color: $gl-text-color;
+    }
+    
+    .issue-link,
+    .commit-author-link,
+    .issue-author-link {
       color: $gl-dark-link-color;
     }