diff --git a/public/css/gogs.css b/public/css/gogs.css
index eb6188b37f..c3ac5ffce1 100755
--- a/public/css/gogs.css
+++ b/public/css/gogs.css
@@ -1859,6 +1859,11 @@ footer .container .links > *:first-child {
   padding-bottom: 5px;
   font-weight: normal;
 }
+.repository.file.list #repo-files-table thead th:first-child {
+  display: block;
+  position: relative;
+  width: 325%;
+}
 .repository.file.list #repo-files-table thead .ui.avatar {
   margin-bottom: 5px;
 }
diff --git a/public/less/_repository.less b/public/less/_repository.less
index 25a71078e1..ee17177fc1 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -146,6 +146,11 @@
 					padding-top: 8px;
 					padding-bottom: 5px;
 					font-weight: normal;
+					&:first-child {
+						display: block;
+						position: relative;
+						width: 325%;
+					}
 				}
 				.ui.avatar {
 					margin-bottom: 5px;
diff --git a/templates/repo/view_list.tmpl b/templates/repo/view_list.tmpl
index 9b6c0aaa19..4acfa2b676 100644
--- a/templates/repo/view_list.tmpl
+++ b/templates/repo/view_list.tmpl
@@ -9,10 +9,10 @@
         <img class="ui avatar image img-12" src="{{AvatarLink .LastCommit.Author.Email}}" />
         <strong>{{.LastCommit.Author.Name}}</strong>
         {{end}}
+        <a rel="nofollow" class="ui sha label" href="{{.RepoLink}}/commit/{{.LastCommit.ID}}" rel="nofollow">{{ShortSha .LastCommit.ID.String}}</a>
+        <span class="grey">{{RenderCommitMessage .LastCommit.Summary .RepoLink}}</span>
       </th>
       <th class="nine wide">
-        <a rel="nofollow" class="ui green sha label" href="{{.RepoLink}}/commit/{{.LastCommit.ID}}" rel="nofollow">{{ShortSha .LastCommit.ID.String}}</a>
-        <span class="grey">{{RenderCommitMessage .LastCommit.Summary .RepoLink}}</span>
       </th>
       <th class="three wide text grey right age">{{TimeSince .LastCommit.Author.When $.Lang}}</th>
     </tr>