diff --git a/src/app/connection/left/item/left_item.ts b/src/app/connection/left/item/left_item.ts
index dcda05f..775b6f2 100644
--- a/src/app/connection/left/item/left_item.ts
+++ b/src/app/connection/left/item/left_item.ts
@@ -13,13 +13,12 @@ const Widget: WidgetType = {
     return BI.Models.getModel(Model);
   },
   render() {
-    const {title, extraCls, creator, text, id} = this.options;
+    const {title, cls, creator, text, id} = this.options;
     
     return {
       type: LeftRightVerticalAdapt,
-      cls: 'link-item cursor-pointer',
+      cls: `link-item cursor-pointer ${cls}`,
       height: 24,
-      extraCls,
       items: {
         left: [
           {
diff --git a/src/app/connection/left/item/left_item_icon.ts b/src/app/connection/left/item/left_item_icon.ts
index eca442b..9478c1b 100644
--- a/src/app/connection/left/item/left_item_icon.ts
+++ b/src/app/connection/left/item/left_item_icon.ts
@@ -63,8 +63,7 @@ const Widget: WidgetType = {
     
     return {
       type: IconButton,
-      cls,
-      extraCls: 'action-icon',
+      cls: `action-icon ${cls}`,
       height: 24,
       width: 26,
       title,
diff --git a/src/app/status/left/left.ts b/src/app/status/left/left.ts
index bf552b6..06f3259 100644
--- a/src/app/status/left/left.ts
+++ b/src/app/status/left/left.ts
@@ -32,7 +32,7 @@ const Widget: WidgetType = {
     return BI.map(linkList, (index: number, item: LinkType) => {
       return {
         type: LeftItem,
-        extraCls: item.connectionName === selectTitle ? 'left-item-selected' : '',
+        cls: item.connectionName === selectTitle ? 'left-item-selected' : '',
         title: item.connectionName,
         id: item.connectionId,
         creator: item.creator,
diff --git a/src/app/status/left/left_item.ts b/src/app/status/left/left_item.ts
index 18c3a95..4d57865 100644
--- a/src/app/status/left/left_item.ts
+++ b/src/app/status/left/left_item.ts
@@ -11,13 +11,12 @@ const Widget: WidgetType = {
     return BI.Models.getModel(Model);
   },
   render() {
-    const {title, extraCls} = this.options;
+    const {title, cls} = this.options;
     
     return {
       type: Left,
-      cls: 'left-item cursor-pointer',
+      cls: `left-item cursor-pointer ${cls}`,
       height: 30,
-      extraCls,
       items: [
         {
           type: TextButton,
diff --git a/src/demo/plugin.tedis.pool.ts b/src/demo/plugin.tedis.pool.ts
index 541c943..8ce7df5 100644
--- a/src/demo/plugin.tedis.pool.ts
+++ b/src/demo/plugin.tedis.pool.ts
@@ -22,7 +22,6 @@ const WidgetPool = BI.inherit(BI.Widget, {
                     {
                       type: 'bi.label',
                       cls: 'right-status-text',
-                      extraCls: 'card-font1',
                       text: numActive,
                     },
                     {