diff --git a/src/components/sidebar/ConnectionCtrl.vue b/src/components/sidebar/ConnectionCtrl.vue
index cd0ed5bb..9a846bfb 100644
--- a/src/components/sidebar/ConnectionCtrl.vue
+++ b/src/components/sidebar/ConnectionCtrl.vue
@@ -5,13 +5,13 @@
         role="tab"
         :class="twMerge('tab', connectionTabShow === CONNECTION_TAB_TYPE.ACTIVE && 'tab-active')"
         @click="() => (connectionTabShow = CONNECTION_TAB_TYPE.ACTIVE)"
-        >{{ $t('activeConnections') }}</a
+        >{{ $t('activeConnections') }}({{ renderConnections.length }})</a
       >
       <a
         role="tab"
         :class="twMerge('tab', connectionTabShow === CONNECTION_TAB_TYPE.CLOSED && 'tab-active')"
         @click="() => (connectionTabShow = CONNECTION_TAB_TYPE.CLOSED)"
-        >{{ $t('closedConnections') }}</a
+        >{{ $t('closedConnections') }}({{ closedConnections.length }})</a
       >
     </div>
     <div
@@ -113,6 +113,7 @@ import { disconnectByIdAPI } from '@/api'
 import { CONNECTION_TAB_TYPE, SORT_TYPE } from '@/config'
 import { getIPLabelFromMap } from '@/helper'
 import {
+  closedConnections,
   connectionFilter,
   connectionSortType,
   connectionTabShow,