diff --git a/src/main/twirl/repo/blob.scala.html b/src/main/twirl/repo/blob.scala.html
index e463594..32dde5c 100644
--- a/src/main/twirl/repo/blob.scala.html
+++ b/src/main/twirl/repo/blob.scala.html
@@ -19,7 +19,7 @@
     <tr>
       <th style="font-weight: normal;">
         <div class="pull-left">
-          <a href="@path/@latestCommit.committer">@latestCommit.committer</a>
+          <a href="@path/@latestCommit.committer" class="username">@latestCommit.committer</a>
           <span class="description">@helpers.datetime(latestCommit.time)</span>
           <a href="@path/@repository.owner/@repository.name/commit/@latestCommit.id" class="commit-message">@latestCommit.shortMessage</a>
         </div>
diff --git a/src/main/twirl/repo/commit.scala.html b/src/main/twirl/repo/commit.scala.html
index 49bd913..90d990a 100644
--- a/src/main/twirl/repo/commit.scala.html
+++ b/src/main/twirl/repo/commit.scala.html
@@ -17,8 +17,8 @@
     </tr>
     <tr>
       <td>
-        <a href="@path/@commit.committer">@commit.committer</a> <span class="description">@helpers.datetime(commit.time)</span>
-        <div class="pull-right align-right">
+        <a href="@path/@commit.committer" class="username">@commit.committer</a> <span class="description">@helpers.datetime(commit.time)</span>
+        <div class="pull-right align-right monospace small">
           <span class="description">commit</span> @commit.id
         </div>
       </td>
diff --git a/src/main/twirl/repo/commits.scala.html b/src/main/twirl/repo/commits.scala.html
index 1d5fe1e..4901e5d 100644
--- a/src/main/twirl/repo/commits.scala.html
+++ b/src/main/twirl/repo/commits.scala.html
@@ -30,7 +30,7 @@
       <tr>
         <td>
           <div class="pull-left">
-            <a href="@path/@repository.owner/@repository.name/commit/@commit.id"><strong>@commit.shortMessage</strong></a>
+            <a href="@path/@repository.owner/@repository.name/commit/@commit.id" class="commit-message" style="font-weight: bold;">@commit.shortMessage</a>
             @if(commit.description.isDefined){
               <a href="javascript:void(0)" onclick="$('#description-@commit.id').toggle();">...</a>
             }
@@ -39,7 +39,7 @@
               <pre id="description-@commit.id" style="display: none;" class="commit-description">@commit.description.get</pre>
             }
             <div class="small">
-              <a href="@path/@commit.committer">@commit.committer</a>
+              <a href="@path/@commit.committer" class="committer">@commit.committer</a>
               <span class="description">@helpers.datetime(commit.time)</span>
             </div>
           </div>
diff --git a/src/main/twirl/repo/files.scala.html b/src/main/twirl/repo/files.scala.html
index 5ed4633..f1ad4af 100644
--- a/src/main/twirl/repo/files.scala.html
+++ b/src/main/twirl/repo/files.scala.html
@@ -24,12 +24,12 @@
         </th>
       </tr>
       <tr>
-        <td colspan="4">
+        <td colspan="4" class="latest-commmit">
           <div>
-            <strong><a href="@path/@repository.owner/@repository.name/@latestCommit.committer">@latestCommit.committer</a></strong>
-            <div class="pull-right align-right">
-              @helpers.datetime(latestCommit.time)
-              <a href="@path/@repository.owner/@repository.name/commit/@latestCommit.id">@latestCommit.id.substring(0, 10)</a>
+            <a href="@path/@repository.owner/@repository.name/@latestCommit.committer" class="username">@latestCommit.committer</a>
+            @helpers.datetime(latestCommit.time)
+            <div class="pull-right align-right monospace">
+              <a href="@path/@repository.owner/@repository.name/commit/@latestCommit.id" class="commit-id"><span class="description">latest commit</span> @latestCommit.id.substring(0, 10)</a>
             </div>
           </div>
         </td>
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index 163f2e8..1416ed4 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -45,25 +45,19 @@
   font-size: small;
 }
 
-a.commit-message {
+a.commit-message, a.commit-id, a.committer {
   color: #333333;
 }
 
-a.commit-message:hover {
-  color: #333333;
+a.username {
+  color: black;
+  font-weight: bold;
 }
 
-
 .monospace {
   font-family: monospace;
 }
 
-/*
-.align-right {
-  text-align: right;
-}
-*/
-
 span.description {
   color: gray;
 }
@@ -72,6 +66,17 @@
   margin-bottom: 0px;
 }
 
+table.table-file-list th, table.table-file-list td {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+table.table-file-list td.latest-commmit {
+  padding-top: 4px;
+  padding-bottom: 4px;
+  background-color: white;
+}
+
 table.table th {
   background-color: #d9edf7;
 }
@@ -81,6 +86,11 @@
   font-size: small;
 }
 
+th, td, .table th, .table td {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
 div.latest-commit {
   font-size: small;
   font-weight: normal;