diff --git a/src/lib/components/Contact.svelte b/src/lib/components/Contact.svelte
index 96e009f..e456c58 100644
--- a/src/lib/components/Contact.svelte
+++ b/src/lib/components/Contact.svelte
@@ -3,16 +3,45 @@
 	import LinkElement from './LinkElement.svelte';
 	import { contactsById } from '$lib/contacts';
 
-	const activeContacts = ['email', 'school', 'github', 'twitter', 'linkedin'];
-	const displayContacts = activeContacts
-		.map((id) => contactsById[id])
-		.filter((c) => c !== undefined);
+	let {
+		variant = 'icon-only',
+		showLinks = true
+	}: {
+		variant?: 'icon-only' | 'labeled';
+		showLinks?: boolean;
+	} = $props();
+
+	let activeContacts = $derived(
+		variant === 'icon-only'
+			? ['email', 'school', 'github', 'twitter', 'linkedin']
+			: ['home', 'email', 'github', 'twitter', 'linkedin', 'school']
+	);
+
+	let displayContacts = $derived(
+		activeContacts.map((id) => contactsById[id]).filter((c) => c !== undefined)
+	);
 </script>
 
-<div class="flex items-center justify-center gap-1">
+<div
+	class={variant === 'icon-only'
+		? 'flex items-center justify-center gap-1'
+		: 'mt-4 flex flex-wrap items-center'}
+>
 	{#each displayContacts as contact}
-		<LinkElement href={contact.href} blank={contact.blank}>
-			<Icon icon={contact.icon} />
-		</LinkElement>
+		{#if showLinks}
+			<LinkElement href={contact.href} blank={contact.blank}>
+				<Icon icon={contact.icon} downloadingPDF={!showLinks} />
+				{#if variant === 'labeled'}
+					<span class="pl-1 pr-3">{contact.text}</span>
+				{/if}
+			</LinkElement>
+		{:else}
+			<span class="flex items-center">
+				<Icon icon={contact.icon} downloadingPDF={!showLinks} />
+				{#if variant === 'labeled'}
+					<span class="pl-1 pr-3">{contact.text}</span>
+				{/if}
+			</span>
+		{/if}
 	{/each}
 </div>
diff --git a/src/lib/components/cv/Contact.svelte b/src/lib/components/cv/Contact.svelte
deleted file mode 100644
index eb3bf63..0000000
--- a/src/lib/components/cv/Contact.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-<script lang="ts">
-	import Icon from '../Icon.svelte';
-	import LinkElement from '../LinkElement.svelte';
-	import { contactsById } from '$lib/contacts';
-
-	let { showLinks = true }: { showLinks?: boolean } = $props();
-
-	const activeContacts = ['home', 'email', 'github', 'twitter', 'linkedin', 'school'];
-	const displayContacts = activeContacts
-		.map((id) => contactsById[id])
-		.filter((c) => c !== undefined);
-</script>
-
-<div class="mt-4 flex flex-wrap items-center">
-	{#each displayContacts as contact}
-		<LinkElement href={contact.href} blank={contact.blank}>
-			<Icon icon={contact.icon} downloadingPDF={!showLinks} />
-			<span class="pl-1 pr-3">{contact.text}</span>
-		</LinkElement>
-	{/each}
-</div>
diff --git a/src/routes/cv/+page.svelte b/src/routes/cv/+page.svelte
index e00d4f2..114150b 100644
--- a/src/routes/cv/+page.svelte
+++ b/src/routes/cv/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import Icon from '$lib/components/Icon.svelte';
-	import Contact from '$lib/components/cv/Contact.svelte';
+	import Contact from '$lib/components/Contact.svelte';
 	import { getEducationElements } from '$lib/helpers/educationProvider';
 	import { getFunding } from '$lib/helpers/fundingProvider';
 	import { getMentorshipActivities } from '$lib/helpers/mentoringProvider';
@@ -85,7 +85,7 @@
 				novel modes of interaction with AI, focusing on interfaces that help humans be creative with
 				AI systems.
 			</p>
-			<Contact {showLinks} />
+			<Contact variant="labeled" {showLinks} />
 		</section>
 
 		<!-- Education -->