diff --git a/src/lib/components/locations/LocationCard.svelte b/src/lib/components/locations/LocationCard.svelte
index e8aa4ef..413214e 100644
--- a/src/lib/components/locations/LocationCard.svelte
+++ b/src/lib/components/locations/LocationCard.svelte
@@ -6,6 +6,7 @@
 		id: string;
 		latitude: string;
 		longitude: string;
+		locationName?: string | null;
 		createdAt: string;
 		userId: string;
 		username: string;
@@ -44,7 +45,9 @@
 				</svg>
 				<div>
 					<h3 class="title">
-						{#if location.distance !== undefined}
+						{#if location.locationName}
+							{location.locationName}
+						{:else if location.distance !== undefined}
 							{formatDistance(location.distance)} away
 						{:else}
 							Location
diff --git a/src/lib/components/locations/LocationsList.svelte b/src/lib/components/locations/LocationsList.svelte
index 23a5d4a..9f11faf 100644
--- a/src/lib/components/locations/LocationsList.svelte
+++ b/src/lib/components/locations/LocationsList.svelte
@@ -5,6 +5,7 @@
 		id: string;
 		latitude: string;
 		longitude: string;
+		locationName?: string | null;
 		createdAt: string;
 		userId: string;
 		username: string;