diff --git a/app/assets/stylesheets/commits.css.scss b/app/assets/stylesheets/commits.css.scss
index 6ab9d19b..3d378eef 100644
--- a/app/assets/stylesheets/commits.css.scss
+++ b/app/assets/stylesheets/commits.css.scss
@@ -145,3 +145,16 @@ ul.bordered-list li:last-child { border:none }
   left: 0;
   margin-right: 10px;
 }
+
+li.commit { 
+  .avatar { 
+    width:24px;
+    top:-3px;
+    margin-right:10px;
+    margin-left:10px;
+  }
+
+  code { 
+    padding:4px;
+  }
+}
diff --git a/app/views/commits/_commit.html.haml b/app/views/commits/_commit.html.haml
index 6264250c..747eddd6 100644
--- a/app/views/commits/_commit.html.haml
+++ b/app/views/commits/_commit.html.haml
@@ -1,12 +1,13 @@
-%li.wll
+%li.wll.commit
   .right.span2
     = link_to "Browse Code", tree_project_ref_path(@project, commit.id), :class => "btn small right"
   = link_to project_commit_path(@project, :id => commit.id) do
     %p
-      %code= commit.id.to_s[0..10]
+      %code.left= commit.id.to_s[0..10]
+      %strong= commit.author_name
       –
-      = image_tag gravatar_icon(commit.author_email), :class => "", :width => 16
-      = truncate(commit.safe_message, :length => 50)
+      = image_tag gravatar_icon(commit.author_email), :class => "avatar", :width => 16
+      %span= truncate(commit.safe_message, :length => 50) rescue "--broken encoding"
 
       %span.right.cgray
         = time_ago_in_words(commit.committed_date)