diff --git a/frontend/src/pages/inbounds/ClientRowTable.vue b/frontend/src/pages/inbounds/ClientRowTable.vue
index 6ed33119..3430356a 100644
--- a/frontend/src/pages/inbounds/ClientRowTable.vue
+++ b/frontend/src/pages/inbounds/ClientRowTable.vue
@@ -336,7 +336,7 @@ function confirmBulkDelete() {
               <template v-else-if="isClientOnline(client.email)">{{ t('online') }}</template>
               <template v-else>{{ t('offline') }}</template>
             </template>
-            <a-badge :color="statusBadgeColor(client)" />
+            <a-badge :color="statusBadgeColor(client)" :class="{ 'client-online-pulse': client.enable && isClientOnline(client.email) }" />
           </a-tooltip>
           <div class="client-id-stack">
             <a-tooltip :title="client.email">
@@ -440,7 +440,7 @@ function confirmBulkDelete() {
               <template v-else-if="isClientOnline(client.email)">{{ t('online') }}</template>
               <template v-else>{{ t('offline') }}</template>
             </template>
-            <a-badge :color="statusBadgeColor(client)" />
+            <a-badge :color="statusBadgeColor(client)" :class="{ 'client-online-pulse': client.enable && isClientOnline(client.email) }" />
           </a-tooltip>
           <a-tooltip :title="client.email">
             <span class="client-email">{{ client.email }}</span>
@@ -838,4 +838,13 @@ function confirmBulkDelete() {
   width: 9px;
   height: 9px;
 }
+
+.client-online-pulse :deep(.ant-badge-status-dot) {
+  animation: client-online-pulse 1.2s ease-in-out infinite;
+}
+
+@keyframes client-online-pulse {
+  0%, 100% { transform: scale(1); opacity: 1; }
+  50% { transform: scale(1.6); opacity: 0.3; }
+}
 </style>