diff --git a/source/css/_layout/tag-plugins/timeline.styl b/source/css/_layout/tag-plugins/timeline.styl
index 49804d2..f9aaf18 100644
--- a/source/css/_layout/tag-plugins/timeline.styl
+++ b/source/css/_layout/tag-plugins/timeline.styl
@@ -35,24 +35,48 @@
   &:hover .header
     p
       color: var(--text-p1)
+    .user-info
+      background: $color-theme
+      span
+        color: var(--card)
     &:before
       background: $color-theme
       height: 16px
       top: 'calc(50% - 0.5 * %s)' % @height
       transform: scale(1)
 
-.tag-plugin.timeline .header
+.tag-plugin.timeline .timenode .header
   display: flex
   align-items: center
   position: relative
-  p
-    margin: .25rem 0
+  margin: 0.25rem 0
+  .user-info 
+    display: flex
+    align-items: center
     font-size: $fs-12
-    font-weight: 700
+    font-weight: 500
+    color: var(--text-p1)
+    margin-right: 4px
+    line-height: 1
+    border-radius: 16px
+    padding-right: 6px
+    trans2 color background
+    img 
+      background: white
+      height: 16px
+      border-radius: 16px
+      display: inline
+      margin: 0 4px 0 0
+      object-fit: contain
+    &:hover
+      background: $color-hover
+  p
+    margin: 0
+    font-size: $fs-12
+    font-weight: 500
     color: var(--text-p3)
-    font-family: $ff-code
     trans1 color
-    opacity: 0.75
+    line-height: 1
     a
       color: inherit
       font-weight: inherit
@@ -148,7 +172,7 @@
   border-left: 4px solid var(--block-border)
   border-radius: 0
   display: block
-  margin: 0.5rem 0
+  margin: 0.75rem 0
   p
     font-size: $fs-13
-    margin: 4px
\ No newline at end of file
+    margin: 0.25rem
\ No newline at end of file
diff --git a/source/js/plugins/timeline.js b/source/js/plugins/timeline.js
index 7fa8b43..44682ed 100644
--- a/source/js/plugins/timeline.js
+++ b/source/js/plugins/timeline.js
@@ -67,6 +67,12 @@ const StellarTimeline = {
         }
         var cell = '<div class="timenode" index="' + i + '">';
         cell += '<div class="header">';
+        if (!user && item.user) {
+          cell += '<a class="user-info" href="' + item.user.html_url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+          cell += '<img src="' + item.user.avatar_url + '">';
+          cell += '<span>' + item.user.login + '</span>';
+          cell += '</a>';
+        }
         let date = new Date(item.created_at);
         cell += '<p>' + date.toString().replace(/\sGMT([^.]*)/i, "") + '</p>';
         cell += '</div>';
@@ -105,7 +111,7 @@ const StellarTimeline = {
         }
         if (item.comments != null) {
           cell += '<a class="item comments last" href="' + item.html_url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
-          cell += '<span>💬 ' + (item.comments || 0) + '</span>';
+          cell += '<span><svg t="1666270368054" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2528" width="200" height="200"><path d="M952 64H72C32.3 64 0 96.3 0 136v508c0 39.7 32.3 72 72 72h261l128 128c14 14 32.5 21.1 50.9 21.1s36.9-7 50.9-21.1l128-128h261c39.7 0 72-32.3 72-72V136c0.2-39.7-32.1-72-71.8-72zM222 462c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z m290-7.7c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z m290 8c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z" p-id="2529"></path></svg> ' + (item.comments || 0) + '</span>';
           cell += '</a>';
         }