diff --git a/progit/static/progit.css b/progit/static/progit.css
index 2e10b68..cad1125 100644
--- a/progit/static/progit.css
+++ b/progit/static/progit.css
@@ -548,6 +548,7 @@ pre {
 .tree_list .filehex
 {
     float: right;
+    text-align: right;
 }
 
 .tree_list li:nth-child(odd),
@@ -556,13 +557,21 @@ pre {
     background-color: #ededed;
 }
 
+.tree_list ul {
+    padding-left: 25px;
+}
+
 .commit_list ul {
     padding-left: 0;
 }
 
 .commit_list li {
     list-style-type: none;
-    padding-left: .5em;
+}
+
+.commit_list li,
+.tree_list li {
+    padding:0 .5em;
 }
 
 .tree_list li:hover,
@@ -574,15 +583,19 @@ pre {
 
 .tree_list li:hover a,
 .commit_list li:hover a,
-.commit_list li:hover > a > span.commitid
+.commit_list li:hover > a > span.commitid,
+.tree_list li:hover > a > span.filehex
 {
     color:white;
 }
-.commit_list li > a {
+.commit_list li > a,
+.tree_list li > a {
     display: block;
 }
 
-.commit_list li > a > span.commitid {
+.commit_list li > a > span.commitid,
+.tree_list li > a > span.filehex
+{
     color: #4d4d4d;
     display: inline-block;
     width: 5em;
diff --git a/progit/templates/repo_info.html b/progit/templates/repo_info.html
index 51eb116..42d86fa 100644
--- a/progit/templates/repo_info.html
+++ b/progit/templates/repo_info.html
@@ -83,9 +83,9 @@
         <li class="{% if entry.filemode == 16384 %}folder{% else %}file{% endif %}">
             <a href="{{ url_for('view_file', username=username,
                       repo=repo.name, identifier=branchname, filename=entry.name) }}">
-              {{ entry.name }}
+                {{ entry.name }}
+                <span class="filehex" >{{ entry.hex|short }}</span>
             </a>
-            <span class="filehex" >{{ entry.hex|short }}</span>
         </li>
         {% endfor %}
       </ul>