diff --git a/apps/common/main/lib/component/Tab.js b/apps/common/main/lib/component/Tab.js
index b3b5644ef..108672047 100644
--- a/apps/common/main/lib/component/Tab.js
+++ b/apps/common/main/lib/component/Tab.js
@@ -52,7 +52,7 @@ define([
         this.label      = 'Tab';
         this.cls        = '';
         this.template   = _.template(['<li class="<% if(active){ %>active selected<% } %> <% if(cls.length){%><%= cls %><%}%>" data-label="<%= label %>">',
-                                            '<a><%- label %></a>',
+                                            '<a title="<%= label %>"><%- label %></a>',
                                         '</li>'].join(''));
 
         this.initialize.call(this, opts);
diff --git a/apps/common/main/resources/less/tabbar.less b/apps/common/main/resources/less/tabbar.less
index 66af233d2..f7059ca7b 100644
--- a/apps/common/main/resources/less/tabbar.less
+++ b/apps/common/main/resources/less/tabbar.less
@@ -27,6 +27,13 @@
             padding-top: 0;
             padding-bottom: 0;
             white-space: pre-wrap;
+            text-align: center;
+
+            &::after {
+                content: attr(title);
+                font-weight: bold;
+                display: block;
+            }
 
             &:hover, &:focus {
                 background-color: #7a7a7a;