diff --git a/src/components/residential/residential-interest-detail.tsx b/src/components/residential/residential-interest-detail.tsx
index 8b35f66..2533484 100644
--- a/src/components/residential/residential-interest-detail.tsx
+++ b/src/components/residential/residential-interest-detail.tsx
@@ -87,9 +87,9 @@ export function ResidentialInterestDetail({ interestId }: { interestId: string }
         </Link>
       </div>
 
-      <div className="rounded-xl border border-slate-200 bg-gradient-brand-soft px-5 py-4 shadow-xs">
+      <div className="rounded-xl border border-border bg-gradient-brand-soft px-5 py-4 shadow-xs">
         <p className="text-xs uppercase font-semibold tracking-wide text-brand">
-          Residential Interest
+          Residential interest
         </p>
         {interest.client && (
           <h1 className="mt-1 truncate text-2xl font-bold tracking-tight text-foreground">
diff --git a/src/components/ui/kpi-tile.tsx b/src/components/ui/kpi-tile.tsx
index 0c242b5..0805870 100644
--- a/src/components/ui/kpi-tile.tsx
+++ b/src/components/ui/kpi-tile.tsx
@@ -43,6 +43,7 @@ export function KPITile({
 
   return (
     <div
+      data-testid="kpi-tile"
       className={cn(
         'group relative overflow-hidden rounded-xl border border-border bg-gradient-brand-soft p-5 shadow-sm transition-all duration-base ease-smooth hover:shadow-md',
         className,