diff --git a/frontend/src/components/KycStatusBadge.css b/frontend/src/components/KycStatusBadge.css
index acd0ef2c..58df34d4 100644
--- a/frontend/src/components/KycStatusBadge.css
+++ b/frontend/src/components/KycStatusBadge.css
@@ -35,6 +35,11 @@
   background: var(--color-error-dark);
 }
 
+.kyc-badge-expired {
+  background: #b7791f;
+  color: #fff;
+}
+
 .kyc-modal-overlay {
   position: fixed;
   inset: 0;
diff --git a/frontend/src/components/KycStatusBadge.tsx b/frontend/src/components/KycStatusBadge.tsx
index 3b543209..8328ca12 100644
--- a/frontend/src/components/KycStatusBadge.tsx
+++ b/frontend/src/components/KycStatusBadge.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import './KycStatusBadge.css';
 
-type KycStatus = 'pending' | 'approved' | 'rejected';
+type KycStatus = 'pending' | 'approved' | 'rejected' | 'expired';
 type KycLevel = 'basic' | 'intermediate' | 'advanced';
 
 interface AnchorKycRecord {
@@ -85,8 +85,15 @@ export const KycStatusBadge: React.FC<KycStatusBadgeProps> = ({
   };
 
   const badgeClass = status ? `kyc-badge-${status.overall_status}` : 'kyc-badge-pending';
-  const badgeText = status ? status.overall_status.toUpperCase() : 'PENDING';
-  const badgeIcon = status?.overall_status === 'approved' ? '✓' : status?.overall_status === 'rejected' ? '✕' : '⏳';
+  const badgeText = status
+    ? status.overall_status === 'expired'
+      ? 'KYC EXPIRED — Renew Now'
+      : status.overall_status.toUpperCase()
+    : 'PENDING';
+  const badgeIcon =
+    status?.overall_status === 'approved' ? '✓' :
+    status?.overall_status === 'rejected' ? '✕' :
+    status?.overall_status === 'expired' ? '⚠' : '⏳';
 
   const handleClick = () => {
     if (showDetails && status) {