diff --git a/frontend/src/pages/clients/ClientsPage.vue b/frontend/src/pages/clients/ClientsPage.vue
index 46275c6c..98752c1c 100644
--- a/frontend/src/pages/clients/ClientsPage.vue
+++ b/frontend/src/pages/clients/ClientsPage.vue
@@ -724,7 +724,7 @@ const columns = computed(() => [
                     </template>
 
                     <template #emptyText>
-                      <div style="padding: 32px 0; color: rgba(0, 0, 0, 0.45); text-align: center">
+                      <div class="clients-empty">
                         <UserOutlined style="font-size: 32px; margin-bottom: 8px" />
                         <div>{{ t('pages.clients.empty') || 'No clients yet.' }}</div>
                       </div>
@@ -1013,6 +1013,12 @@ const columns = computed(() => [
   gap: 8px;
 }
 
+.clients-empty {
+  padding: 32px 0;
+  text-align: center;
+  opacity: 0.55;
+}
+
 .danger-item {
   color: #ff4d4f;
 }