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 e73b2db1ba8972094b07bc4226fb6c3575c13723..4de1abb4c64486b76613d82f8c2d2bd431ce31ec 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
@@ -21,19 +21,20 @@
     template: `
       <div>
         <div class="item-details">
-          <img class="avatar" src="https://secure.gravatar.com/avatar/3731e7dd4f2b4fa8ae184c0a7519dd58?s=64&amp;d=identicon">
+          <img class="avatar" :src="issue.author.avatar_url">
           <h5 class="item-title">
-            <a href="issue.url">
+            <a :href="issue.url">
               {{ issue.title }}
             </a>
           </h5>
-          <a href="issue.url" class="issue-link">
-            #{{issue.id}}
+          <a :href="issue.url" class="issue-link">
+            #{{issue.iid}}
           </a>
+          &middot;
           <span>
             Opened
-            <a href="issue.url" class="issue-date">
-              {{ issue.datetime }}
+            <a :href="issue.url" class="issue-date">
+              {{ issue.createdAt }}
             </a>
           </span>
           <span>
diff --git a/app/assets/javascripts/cycle_analytics/cycle_analytics_store.js.es6 b/app/assets/javascripts/cycle_analytics/cycle_analytics_store.js.es6
index 9315f7621a7cde6d4c6150d17053242aa801861c..b73a3d25bea742764e14829187d458c6a91221b7 100644
--- a/app/assets/javascripts/cycle_analytics/cycle_analytics_store.js.es6
+++ b/app/assets/javascripts/cycle_analytics/cycle_analytics_store.js.es6
@@ -55,8 +55,10 @@
 
       newEvents.forEach((item) => {
         item.totalTime = item.total_time;
+        item.createdAt = item.created_at;
 
         delete item.total_time;
+        delete item.created_at;
       });
 
       return newEvents;