diff --git a/src/app/clients/clients-view/kyc-tab/kyc-tab.component.html b/src/app/clients/clients-view/kyc-tab/kyc-tab.component.html
index 7a40792e4..7dc90dd91 100644
--- a/src/app/clients/clients-view/kyc-tab/kyc-tab.component.html
+++ b/src/app/clients/clients-view/kyc-tab/kyc-tab.component.html
@@ -22,8 +22,8 @@
         <h3>{{ 'labels.inputs.KYC Verification' | translate }}</h3>
         <span class="kyc-badge">KYC</span>
         @if (kycData?.kycStatusCode) {
-          <span class="kyc-overall-status" [class]="'status-' + kycData.kycStatusCode.toLowerCase()">
-            {{ kycData.kycStatusCode }}
+          <span class="kyc-overall-status" [class]="'status-' + getStatusClass(kycData.kycStatusCode)">
+            {{ getStatusLabel(kycData.kycStatusCode) }}
           </span>
         }
       </div>
diff --git a/src/app/clients/clients-view/kyc-tab/kyc-tab.component.ts b/src/app/clients/clients-view/kyc-tab/kyc-tab.component.ts
index cd625dbe9..7da7cfd1e 100644
--- a/src/app/clients/clients-view/kyc-tab/kyc-tab.component.ts
+++ b/src/app/clients/clients-view/kyc-tab/kyc-tab.component.ts
@@ -419,6 +419,18 @@ export class KycTabComponent implements OnInit, OnDestroy {
     this.aadhaarFullNumber = '';
   }
 
+  getStatusLabel(code: string): string {
+    if (!code) return '';
+    const part = code.includes('.') ? code.split('.').pop() : code;
+    return (part.charAt(0).toUpperCase() + part.slice(1)).replace(/_/g, ' ');
+  }
+
+  getStatusClass(code: string): string {
+    if (!code) return '';
+    const part = code.includes('.') ? code.split('.').pop() : code;
+    return part.toLowerCase();
+  }
+
   ngOnDestroy(): void {
     this.destroy$.next();
     this.destroy$.complete();