diff --git a/progit/static/progit.css b/progit/static/progit.css
index ec9c60b..2e10b68 100644
--- a/progit/static/progit.css
+++ b/progit/static/progit.css
@@ -550,10 +550,21 @@ pre {
     float: right;
 }
 
-.tree_list li:nth-child(odd) {
+.tree_list li:nth-child(odd),
+.commit_list li:nth-child(odd)
+{
     background-color: #ededed;
 }
 
+.commit_list ul {
+    padding-left: 0;
+}
+
+.commit_list li {
+    list-style-type: none;
+    padding-left: .5em;
+}
+
 .tree_list li:hover,
 .commit_list li:hover
 {
@@ -562,12 +573,17 @@ pre {
 }
 
 .tree_list li:hover a,
-.commit_list li:hover a
+.commit_list li:hover a,
+.commit_list li:hover > a > span.commitid
 {
     color:white;
 }
+.commit_list li > a {
+    display: block;
+}
 
-.commit_list li > a:first-child {
+.commit_list li > a > span.commitid {
+    color: #4d4d4d;
     display: inline-block;
     width: 5em;
 }
diff --git a/progit/templates/repo_info.html b/progit/templates/repo_info.html
index 030cb3d..51eb116 100644
--- a/progit/templates/repo_info.html
+++ b/progit/templates/repo_info.html
@@ -115,9 +115,9 @@
       <li>
         <a href="{{ url_for('view_commit', username=username,
                 repo=repo.name, commitid=commit.hex) }}">
-          {{ commit.hex|short }}
+            <span class="commitid">{{ commit.hex|short }}</span>
+            {{ commit.message.split('\n')[0] }}
         </a>
-        {{ commit.message.split('\n')[0] }}
         {% if diff_commits and commit.oid.hex in diff_commits %}
         <span class="error" title="Commit not in the main repo">*</span>
         {% if authenticated %}