diff --git a/src/main/twirl/account/repositories.scala.html b/src/main/twirl/account/repositories.scala.html
index 100c2b4f6..1ad52dfa8 100644
--- a/src/main/twirl/account/repositories.scala.html
+++ b/src/main/twirl/account/repositories.scala.html
@@ -9,19 +9,24 @@
   } else {
     @repositories.map { repository =>
       <div class="block">
-        <div class="block-header">
-          <a href="@url(repository)">@repository.name</a>
-          @if(repository.repository.isPrivate){
-            <i class="icon-lock"></i>
-          }
+        <div class="repository-icon">
+          @helper.html.repositoryicon(repository, true)
+        </div>
+        <div class="repository-content">
+          <div class="block-header">
+            <a href="@url(repository)">@repository.name</a>
+            @if(repository.repository.isPrivate){
+              <i class="icon-lock"></i>
+            }
+          </div>
+          @if(repository.repository.originUserName.isDefined){
+            <div class="small muted">forked from <a href="@path/@repository.repository.parentUserName/@repository.repository.parentRepositoryName">@repository.repository.parentUserName/@repository.repository.parentRepositoryName</a></div>
+          }
+          @if(repository.repository.description.isDefined){
+            <div>@repository.repository.description</div>
+          }
+          <div><span class="muted small">Last updated: @datetime(repository.repository.lastActivityDate)</span></div>
         </div>
-        @if(repository.repository.originUserName.isDefined){
-          <div class="small muted">forked from <a href="@path/@repository.repository.parentUserName/@repository.repository.parentRepositoryName">@repository.repository.parentUserName/@repository.repository.parentRepositoryName</a></div>
-        }
-        @if(repository.repository.description.isDefined){
-          <div>@repository.repository.description</div>
-        }
-        <div><span class="muted small">Last updated: @datetime(repository.repository.lastActivityDate)</span></div>
       </div>
     }
   }
diff --git a/src/main/twirl/header.scala.html b/src/main/twirl/header.scala.html
index 39b156621..165343d54 100644
--- a/src/main/twirl/header.scala.html
+++ b/src/main/twirl/header.scala.html
@@ -11,15 +11,7 @@
   </div>
 }
 <div class="head">
-  @if(repository.repository.isPrivate){
-  <img src="@assets/common/images/repo_private_lg.png"/>
-  } else {
-    @if(repository.repository.originUserName.isDefined){
-      <img src="@assets/common/images/repo_fork_lg.png"/>
-    } else {
-      <img src="@assets/common/images/repo_public_lg.png"/>
-    }
-  }
+  @helper.html.repositoryicon(repository, true)
   <a href="@url(repository.owner)">@repository.owner</a> / <a href="@url(repository)" class="strong">@repository.name</a>
   
   @defining(repository.repository){ x =>
diff --git a/src/main/twirl/helper/repositoryicon.scala.html b/src/main/twirl/helper/repositoryicon.scala.html
new file mode 100644
index 000000000..95daa2db2
--- /dev/null
+++ b/src/main/twirl/helper/repositoryicon.scala.html
@@ -0,0 +1,12 @@
+@(repository: service.RepositoryService.RepositoryInfo, large: Boolean)(implicit context: app.Context)
+@import context._
+@import view.helpers._
+@if(repository.repository.isPrivate){
+  <img src="@assets/common/images/repo_private@{if(large){"_lg"}}.png"/>
+} else {
+  @if(repository.repository.originUserName.isDefined){
+    <img src="@assets/common/images/repo_fork@{if(large){"_lg"}}.png"/>
+  } else {
+    <img src="@assets/common/images/repo_public@{if(large){"_lg"}}.png"/>
+  }
+}
diff --git a/src/main/twirl/index.scala.html b/src/main/twirl/index.scala.html
index 21db2e0e2..9e352c098 100644
--- a/src/main/twirl/index.scala.html
+++ b/src/main/twirl/index.scala.html
@@ -30,15 +30,7 @@
           @userRepositories.map { repository =>
             <tr>
               <td>
-                @if(repository.repository.isPrivate){
-                  <img src="@assets/common/images/repo_private.png"/>
-                } else {
-                  @if(repository.repository.originUserName.isDefined){
-                    <img src="@assets/common/images/repo_fork.png"/>
-                  } else {
-                    <img src="@assets/common/images/repo_public.png"/>
-                  }
-                }
+                @helper.html.repositoryicon(repository, false)
                 @if(repository.owner == loginAccount.get.userName){
                   <a href="@url(repository)"><span class="strong">@repository.name</span></a>
                 } else {
@@ -57,7 +49,7 @@
           Recent updated repositories
         </th>
       </tr>
-      @if(recentRepositories.isEmpty){
+      @if(recentRepositories.isEmpty){2
         <tr>
           <td>No repositories</td>
         </tr>
@@ -65,15 +57,7 @@
         @recentRepositories.map { repository =>
           <tr>
             <td>
-              @if(repository.repository.isPrivate){
-                <img src="@assets/common/images/repo_private.png"/>
-              } else {
-                @if(repository.repository.originUserName.isDefined){
-                  <img src="@assets/common/images/repo_fork.png"/>
-                } else {
-                  <img src="@assets/common/images/repo_public.png"/>
-                }
-              }
+              @helper.html.repositoryicon(repository, false)
               <a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a>
             </td>
           </tr>
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index c8cd50188..fae4d3b73 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -376,6 +376,17 @@ ul.nav-stacked.side-menu li.active a:hover {
   -moz-border-radius-bottomleft: 0px;
 }
 
+/****************************************************************************/
+/* Repositories */
+/****************************************************************************/
+div.repository-icon {
+    position: absolute;
+}
+
+div.repository-content {
+    margin-left: 40px;
+}
+
 /****************************************************************************/
 /* Activity */
 /****************************************************************************/