diff --git a/src/main/twirl/gitbucket/core/repo/commits.scala.html b/src/main/twirl/gitbucket/core/repo/commits.scala.html
index 2b715b5..9d776dc 100644
--- a/src/main/twirl/gitbucket/core/repo/commits.scala.html
+++ b/src/main/twirl/gitbucket/core/repo/commits.scala.html
@@ -42,7 +42,7 @@
             <div class="pull-right text-right">
               @if(commit.commitSign.isDefined){
                 @commit.verified.map{ v =>
-                  <span class="gpg-verified">Verified signed by @v.signedUser (@v.signedKeyId)</span>
+                  <span class="gpg-verified" data-toggle="tooltip" title="Signed by @v.signedUser (@v.signedKeyId)">Verified</span>
                 }.getOrElse{
                   <span class="gpg-unverified">Unverified</span>
                 }
@@ -128,6 +128,8 @@
     </nav>
     <script>
       $(function () {
+        $('[data-toggle="tooltip"]').tooltip();
+
         $('.toggle-check').click(function(){
           var div = $(this).next('div');
           if(div.is(':visible')){
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index 761e624..15a4285 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -1088,6 +1088,22 @@
   font-size: 30px;
 }
 
+.gpg-verified {
+  color: #3c763d;
+  border: 1px solid #3c763d;
+  border-radius: 3px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.gpg-unverified {
+  color: #777;
+  border: 1px solid #777;
+  border-radius: 3px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
 /****************************************************************************/
 /* Diff */
 /****************************************************************************/