diff --git a/src/main/twirl/gitbucket/core/repo/branches.scala.html b/src/main/twirl/gitbucket/core/repo/branches.scala.html
index 3dcd2db..65bf985 100644
--- a/src/main/twirl/gitbucket/core/repo/branches.scala.html
+++ b/src/main/twirl/gitbucket/core/repo/branches.scala.html
@@ -57,13 +57,13 @@
                         helpers.urlEncode(parent) + ":" + helpers.encodeRefName(repository.repository.defaultBranch)
                       }.getOrElse {
                         helpers.encodeRefName(repository.repository.defaultBranch)
-                      }}...@{helpers.encodeRefName(branch.name)}?expand=1" class="btn btn-default">New Pull request</a>
+                      }}...@{helpers.encodeRefName(branch.name)}?expand=1" class="btn btn-default btn-sm">New Pull request</a>
                     } else {
                       <a href="@helpers.url(repository)/compare/@{repository.repository.parentUserName.map { parent =>
                         helpers.urlEncode(parent) + ":" + helpers.encodeRefName(repository.repository.defaultBranch)
                       }.getOrElse {
                         helpers.encodeRefName(repository.repository.defaultBranch)
-                      }}...@{helpers.encodeRefName(branch.name)}" class="btn btn-default">Compare</a>
+                      }}...@{helpers.encodeRefName(branch.name)}" class="btn btn-default btn-sm">Compare</a>
                     }
                   }
                   @if(hasWritePermission){
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index a0c2a9b..fd0f403 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -479,6 +479,13 @@
 .branches .a-b-count-widget .count-half .count-value{
   padding: 0 3px;
 }
+.branches .branch-a-b-count span.badge {
+  font-size: 100%;
+}
+
+div.branch-action a.label {
+  font-size: 100%;
+}
 
 td#upload-td {
   padding: 0px;