diff --git a/rhodecode/public/css/style.css b/rhodecode/public/css/style.css
--- a/rhodecode/public/css/style.css
+++ b/rhodecode/public/css/style.css
@@ -2115,26 +2115,24 @@ a.metatag[tag="license"]:hover {
 #quick_login .full_name {
     color: #FFFFFF;
     font-weight: bold;
-    padding: 3px;
+    padding: 3px 3px 3px 6px;
 }
 #quick_login .big_gravatar {
     padding:4px 0px 0px 6px;
 }
-#quick_login .inbox {
+#quick_login .notifications {
     padding:4px 0px 0px 6px;
     color: #FFFFFF;
     font-weight: bold;
 }
-#quick_login .inbox a {
+#quick_login .notifications a {
     color: #FFFFFF;
 }
-#quick_login .email, #quick_login .email a {
+#quick_login .email, #quick_login .unread {
     color: #FFFFFF;
-    padding: 3px;
-
+    padding: 3px 3px 3px 6px;
 }
 #quick_login .links .logout {
-
 }
 
 #quick_login div.form div.fields {
diff --git a/rhodecode/templates/base/base.html b/rhodecode/templates/base/base.html
--- a/rhodecode/templates/base/base.html
+++ b/rhodecode/templates/base/base.html
@@ -121,7 +121,8 @@
                 <div class="full_name">${c.rhodecode_user.full_name_or_username}</div>
                 <div class="email">${c.rhodecode_user.email}</div>
                 <div class="big_gravatar"><img alt="gravatar" src="${h.gravatar_url(c.rhodecode_user.email,48)}" /></div>
-                <div class="inbox"><a href="${h.url('notifications')}">${_('Inbox')}: ${c.unread_notifications}</a></div>
+                <div class="notifications"><a href="${h.url('notifications')}">${_('Notifications')}</a></div>
+                <div class="unread">${_('Unread')}: ${c.unread_notifications}</div>
             </div>
             <div class="links_right">
             <ol class="links">