diff --git a/web/.storybook/MockAuth.svelte b/web/.storybook/MockAuth.svelte
index 6ed7e515a..c1a829c6e 100644
--- a/web/.storybook/MockAuth.svelte
+++ b/web/.storybook/MockAuth.svelte
@@ -53,7 +53,9 @@
 	let knownAccounts = $state(seed.map((account, index) => ({ ...account, addedAt: index })));
 
 	const agent = {
-		sub: knownAccounts[0]?.did,
+		get sub() {
+			return knownAccounts[0]?.did;
+		},
 		session: { token: { scope: config.scope ?? oauthMetadata.scope } },
 		handle: (pathname: string, init: RequestInit) =>
 			config.respond