diff --git a/alfa-client/libs/design-system/src/lib/link/link.component.ts b/alfa-client/libs/design-system/src/lib/link/link.component.ts
index 1d11015962993c60b5c4eea6b5687f6500a76d81..3331d0c65b04128f6954a52a2a22b43da50308e2 100644
--- a/alfa-client/libs/design-system/src/lib/link/link.component.ts
+++ b/alfa-client/libs/design-system/src/lib/link/link.component.ts
@@ -9,7 +9,12 @@ import { twMerge } from 'tailwind-merge';
   template: `<a
     [target]="openInNewTab ? '_blank' : '_self'"
     [href]="url"
-    [class]="twMerge('block rounded text-text outline-2 outline-offset-2 outline-focus focus-visible:outline', class)"
+    [class]="
+      twMerge(
+        'block rounded border-2 border-transparent text-text outline-2 outline-offset-2 outline-focus hover:border-primary-600 focus-visible:border-transparent focus-visible:outline',
+        class
+      )
+    "
     [attr.data-test-id]="linkTestId"
     (focus)="isFocused = true"
     (blur)="isFocused = false"