diff --git a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx
index 09a9f22..f691366 100644
--- a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx
+++ b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx
@@ -29,7 +29,7 @@ export default async function DocumentPage({
         <div>
           <Link
             href={`/portal/clients/${doc.clientId}`}
-            className="text-sm text-blue-600 hover:underline"
+            className="inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-blue-600 border border-blue-200 rounded-md bg-blue-50 hover:bg-blue-100 hover:border-blue-300 transition-colors"
           >
             &larr; Back to {doc.client?.name ?? 'Client'}
           </Link>