diff --git a/web/src/routes/settings/npm/+page.svelte b/web/src/routes/settings/npm/+page.svelte
index d73fbd1..d0f4c68 100644
--- a/web/src/routes/settings/npm/+page.svelte
+++ b/web/src/routes/settings/npm/+page.svelte
@@ -168,6 +168,15 @@
 		} catch { sslCertName = `Certificate #${sslCertificateId}`; }
 	}
 
+	async function resolveAccessListName() {
+		if (accessListId <= 0) return;
+		try {
+			const lists = await listNpmAccessLists();
+			const match = lists.find((al) => al.id === accessListId);
+			accessListName = match ? match.name : `Access List #${accessListId}`;
+		} catch { accessListName = `Access List #${accessListId}`; }
+	}
+
 	async function handleNpmRemoteChange() {
 		try {
 			await updateSettings({ npm_remote: npmRemote } as any);
@@ -179,7 +188,7 @@
 
 	async function init() {
 		await loadData();
-		await resolveCertName();
+		await Promise.all([resolveCertName(), resolveAccessListName()]);
 	}
 	$effect(() => { init(); });
 </script>