diff --git a/src/lib/components/Contact.svelte b/src/lib/components/Contact.svelte
index e456c58..aec92d6 100644
--- a/src/lib/components/Contact.svelte
+++ b/src/lib/components/Contact.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import Icon from './Icon.svelte';
 	import LinkElement from './LinkElement.svelte';
-	import { contactsById } from '$lib/contacts';
+	import { contactsById, type Contact } from '$lib/contacts';
 
 	let {
 		variant = 'icon-only',
@@ -18,7 +18,11 @@
 	);
 
 	let displayContacts = $derived(
-		activeContacts.map((id) => contactsById[id]).filter((c) => c !== undefined)
+		activeContacts.reduce<Contact[]>((acc, id) => {
+			const c = contactsById[id];
+			if (c !== undefined) acc.push(c);
+			return acc;
+		}, [])
 	);
 </script>