diff --git a/src/main/twirl/gitbucket/core/index.scala.html b/src/main/twirl/gitbucket/core/index.scala.html
index 623680a..a11de79 100644
--- a/src/main/twirl/gitbucket/core/index.scala.html
+++ b/src/main/twirl/gitbucket/core/index.scala.html
@@ -36,7 +36,7 @@
               </div>
             } else {
               <div class="box-content-bottom" style="padding: 0px;">
-                @defining(20){ max =>
+                @defining(3){ max =>
                   @userRepositories.zipWithIndex.map { case (repository, i) =>
                     <div class="box-content-row repo-link" style="@if(i > max - 1){display:none;}">
                       @helper.html.repositoryicon(repository, false)
@@ -66,7 +66,7 @@
         } else {
           <div class="box-content-bottom" style="padding: 0px;">
             @recentRepositories.map { repository =>
-              <div class="box-content-row">
+              <div class="box-content-row repo-link">
                 @helper.html.repositoryicon(repository, false)
                 <a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a>
               </div>
@@ -80,7 +80,7 @@
 <script>
 $(function(){
   $('#show-more-repos').click(function(e){
-    $('div.repo-link').show();
+    $(e.target).parents('div.box-content-bottom').find('div.repo-link').show();
     $(e.target).parents('div.show-more').remove();
   });
 });
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index d69f86d..421289c 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -295,6 +295,9 @@
 div.box-content-row {
   border-top: 1px solid #d8d8d8;
   padding: 4px;
+}
+
+div.repo-link {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;