diff --git a/src/lib/components/BaseModal.svelte b/src/lib/components/BaseModal.svelte
index afa88e4..1f85fe0 100644
--- a/src/lib/components/BaseModal.svelte
+++ b/src/lib/components/BaseModal.svelte
@@ -56,7 +56,7 @@
   </div>
 {/if}
 
-<script module>
+<script module lang="ts">
   function portal(node: HTMLElement, target: HTMLElement) {
     target.appendChild(node);
     return {
diff --git a/src/lib/components/VerificationBadge.svelte b/src/lib/components/VerificationBadge.svelte
index eb1d2df..a81b403 100644
--- a/src/lib/components/VerificationBadge.svelte
+++ b/src/lib/components/VerificationBadge.svelte
@@ -8,6 +8,7 @@
    *
    * Verifiers are fetched server-side from Constellation backlinks
    * pointing at this DID (app.bsky.graph.verification).
+   */
   import { X } from '@lucide/svelte';
   import BaseModal from './BaseModal.svelte';
   import VerifierCard from './VerifierCard.svelte';
diff --git a/src/lib/components/ostara-eggs/TriskeleEgg.svelte b/src/lib/components/ostara-eggs/TriskeleEgg.svelte
index bbe7893..999a2cb 100644
--- a/src/lib/components/ostara-eggs/TriskeleEgg.svelte
+++ b/src/lib/components/ostara-eggs/TriskeleEgg.svelte
@@ -32,17 +32,35 @@
 	}
 </script>
 
-<!-- svelte-ignore a11y_no_static_element_interactions -->
-<span class="te-wrap" onclick={handleClick}>
+<button
+	type="button"
+	class="te-wrap"
+	aria-label="Activate triskele"
+	onclick={handleClick}
+>
 	<span class="te-icon" class:te-spinning={spinning}>
 		<Triskele {size} />
 	</span>
-</span>
+</button>
 
 <style>
-	/* display: contents — no box, no layout impact; click events still bubble */
 	.te-wrap {
-		display: contents;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0;
+		border: 0;
+		background: transparent;
+		color: inherit;
+		font: inherit;
+		line-height: 1;
+		cursor: pointer;
+	}
+
+	.te-wrap:focus-visible {
+		outline: 2px solid var(--color-primary-500);
+		outline-offset: 3px;
+		border-radius: var(--radius-xs);
 	}
 
 	.te-icon {