diff --git a/www/teams/app-team.less b/www/teams/app-team.less
index 633482452..41d03640a 100644
--- a/www/teams/app-team.less
+++ b/www/teams/app-team.less
@@ -49,6 +49,23 @@
             }
         }
 
+        .cp-team-cat-header {
+            .avatar_main(30px);
+            .cp-avatar {
+                justify-content: center;
+                font-size: 20px;
+            }
+            media-tag {
+                order: -1;
+                margin-right: 3px;
+            }
+            cursor: default !important;
+            font-size: 18px;
+            &:hover {
+                background-color: transparent !important;
+            }
+        }
+
         .cp-team-list {
             .cp-team-list-container {
                 display: flex;
diff --git a/www/teams/inner.js b/www/teams/inner.js
index 0b097db39..5e9bdc7a8 100644
--- a/www/teams/inner.js
+++ b/www/teams/inner.js
@@ -145,6 +145,23 @@ define([
         var categories = team ? teamCategories : mainCategories;
         var active = team ? 'drive' : 'list';
 
+        if (team && APP.team) {
+            var $category = $('<div>', {'class': 'cp-sidebarlayout-category cp-team-cat-header'}).appendTo($categories);
+            var avatar = h('div.cp-avatar');
+            var $avatar = $(avatar);
+            APP.module.execCommand('GET_TEAM_METADATA', {
+                teamId: APP.team
+            }, function (obj) {
+                if (obj && obj.error) {
+                    return void UI.warn(Messages.error);
+                }
+                var val = obj.avatar;
+                common.displayAvatar($avatar, obj.avatar, obj.name);
+                $category.append($avatar);
+                $avatar.append(obj.name);
+            });
+        }
+
         Object.keys(categories).forEach(function (key) {
             if (key === 'admin' && !teamAdmin) { return; }