diff --git a/src/main/twirl/index.scala.html b/src/main/twirl/index.scala.html
index 4cab6a0..7c72656 100644
--- a/src/main/twirl/index.scala.html
+++ b/src/main/twirl/index.scala.html
@@ -29,7 +29,7 @@
     } else {
       <table class="table table-bordered">
         <tr>
-          <th>Your repositories (@userRepositories.size)</th>
+          <th class="metal">Your repositories (@userRepositories.size)</th>
         </tr>
         @userRepositories.map { repositoryName =>
           <tr>
diff --git a/src/main/twirl/signinform.scala.html b/src/main/twirl/signinform.scala.html
index 1984597..db946e7 100644
--- a/src/main/twirl/signinform.scala.html
+++ b/src/main/twirl/signinform.scala.html
@@ -2,7 +2,7 @@
 @import context._
 <table class="table table-bordered">
   <tr>
-    <th>Sign in</th>
+    <th class="metal">Sign in</th>
   </tr>
   <tr>
     <td>
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index 3c0497f..3105f84 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -158,6 +158,16 @@
   text-shadow: 0 1px 0 #fff
 }
 
+th.metal {
+  background-color: #e0e0e0;
+  background-image: -moz-linear-gradient(#fafafa, #e8e8e8);
+  background-image: -webkit-linear-gradient(#fafafa, #e8e8e8);
+  background-image: linear-gradient(#fafafa, #e8e8e8);
+  background-repeat: repeat-x;
+  margin: 0;
+  border-top-left-radius: 1px;
+  border-top-right-radius: 1px;
+}
 
 dl {
   margin: 0px;