diff --git a/src/main/twirl/gitbucket/core/menu.scala.html b/src/main/twirl/gitbucket/core/menu.scala.html
index 4934b0d..e8777d1 100644
--- a/src/main/twirl/gitbucket/core/menu.scala.html
+++ b/src/main/twirl/gitbucket/core/menu.scala.html
@@ -100,7 +100,7 @@
       @repository.repository.description.map { description =>
         <p class="description">@description</p>
       }
-      <div style="border: 1px solid #eee; padding: 4px; margin-bottom: 10px;">
+      <div style="margin-bottom: 10px;" class="box-content">
         <table class="fill-width">
           <tr>
             <td style="width: 33%; text-align: center;">
diff --git a/src/main/twirl/gitbucket/core/repo/files.scala.html b/src/main/twirl/gitbucket/core/repo/files.scala.html
index 98d7c57..6b04bb7 100644
--- a/src/main/twirl/gitbucket/core/repo/files.scala.html
+++ b/src/main/twirl/gitbucket/core/repo/files.scala.html
@@ -44,7 +44,7 @@
     </div>
     <table class="table table-file-list">
       <tr>
-        <th colspan="4" style="font-weight: normal;">
+        <th colspan="4" style="font-weight: normal; border: none;">
           <a href="@url(repository)/commit/@latestCommit.id" class="commit-message">@link(latestCommit.summary, repository)</a>
           @if(latestCommit.description.isDefined){
             <a href="javascript:void(0)" onclick="$('#description-@latestCommit.id').toggle();" class="omit">...</a>
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index b09a434..a3c3d2f 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -632,6 +632,8 @@
 table.table-file-list {
   margin-bottom: 0px;
   border: 1px solid #ddd;
+  border-radius: 3px;
+  border-collapse: separate;
 }
 
 table.table-file-list th, table.table-file-list td {