diff --git a/app/assets/stylesheets/embed.css.scss b/app/assets/stylesheets/embed.css.scss
index 8e166ce733e..d9d5f045835 100644
--- a/app/assets/stylesheets/embed.css.scss
+++ b/app/assets/stylesheets/embed.css.scss
@@ -47,10 +47,18 @@ article.post {
 
     h3 {
       text-align: center;
-      color: #4a6b82;
+      color: #0088cc;
       font-size: 13px;
       margin: 0;
       word-wrap: break-word;
+
+      a.staff {
+        background-color: #ffffc2;
+      }
+
+      a.new-user {
+        color: lighten($primary_text_color, 35%);
+      }
     }
   }
 
diff --git a/app/views/embed/comments.html.erb b/app/views/embed/comments.html.erb
index 5e55330a6f6..fd996e378af 100644
--- a/app/views/embed/comments.html.erb
+++ b/app/views/embed/comments.html.erb
@@ -17,7 +17,9 @@
 
       <div class='author'>
         <img src='<%= post.user.small_avatar_url %>'>
-        <h3 class='username'><%= post.user.username %></h3>
+        <h3 class='username'>
+          <a href='/users/<%= post.username %>' target="_blank" class='<% if post.user.staff? %>staff<% end %><% if post.user.new_user? %>new-user<% end %>'><%= post.user.username %></a>
+        </h3>
       </div>
       <div class='cooked'>
         <%= raw post.cooked %>
diff --git a/app/views/layouts/embed.html.erb b/app/views/layouts/embed.html.erb
index d66a7f6d278..b9d40e1a7da 100644
--- a/app/views/layouts/embed.html.erb
+++ b/app/views/layouts/embed.html.erb
@@ -46,7 +46,7 @@
           }
 
           // Adjust all names
-          var names = document.querySelectorAll('.username');
+          var names = document.querySelectorAll('.username a');
           for (i=0; i<names.length; i++) {
             var username = names[i].innerHTML;
             if (username) {