diff --git a/web-frontend/src/routes/app/+page.svelte b/web-frontend/src/routes/app/+page.svelte
index 3580946..5f7327e 100644
--- a/web-frontend/src/routes/app/+page.svelte
+++ b/web-frontend/src/routes/app/+page.svelte
@@ -193,7 +193,7 @@
 	<TabSelector bind:tabInfo />
 
 	{#if tabInfo.selected === 1}
-		<CoordinateInfo bind:xpin={addr} />
+		<CoordinateInfo bind:coordinateTypes bind:xpin={addr} />
 	{/if}
 {:catch message}
 	<Error {message}>Could not start core module</Error>
diff --git a/web-frontend/src/routes/app/CoordinateInfo.svelte b/web-frontend/src/routes/app/CoordinateInfo.svelte
index ad40870..4437891 100644
--- a/web-frontend/src/routes/app/CoordinateInfo.svelte
+++ b/web-frontend/src/routes/app/CoordinateInfo.svelte
@@ -3,7 +3,8 @@
 	import { onMount, onDestroy } from 'svelte';
 
 	export let xpin;
-	let formats = ['dd', 'dms', 'dmm', 'utm', 'plus'];
+	export let coordinateTypes;
+
 	let urlFormats = [
 		'google_maps',
 		'geo',
@@ -54,9 +55,9 @@
 		</tr>
 	{/each}
 
-	{#each formats as format}
+	{#each coordinateTypes as format}
 		<tr class="m-4 border">
-			<th class="p-4 border">{format.toUpperCase()}</th>
+			<th class="p-4 border">{format}</th>
 			<td class="p-4 border">{xpin.allCoordinates[format]}</td>
 			<td class="p-4 border"><CopyButton data={xpin.allCoordinates[format]} /></td>
 		</tr>