diff --git a/src/Logic/GeoOperations.ts b/src/Logic/GeoOperations.ts
index 14ce8c85b..00d664da5 100644
--- a/src/Logic/GeoOperations.ts
+++ b/src/Logic/GeoOperations.ts
@@ -994,6 +994,9 @@ export class GeoOperations {
      * @param meters
      */
     public static distanceToHuman(meters: number): string {
+        if (meters === undefined) {
+            return ""
+        }
         meters = Math.round(meters)
         if (meters < 1000) {
             return meters + "m"
diff --git a/src/UI/Base/DirectionIndicator.svelte b/src/UI/Base/DirectionIndicator.svelte
index 27b6b6d7f..b4225aac6 100644
--- a/src/UI/Base/DirectionIndicator.svelte
+++ b/src/UI/Base/DirectionIndicator.svelte
@@ -109,7 +109,7 @@
 
 <button class={twMerge("relative rounded-full soft", size)} use:ariaLabelStore={label} on:click={() => focusMap()}>
   <div class={twMerge("absolute top-0 left-0 flex items-center justify-center text-sm break-words",size)}>
-    {GeoOperations.distanceToHuman($bearingAndDistGps.dist)}
+    {GeoOperations.distanceToHuman($bearingAndDistGps?.dist)}
   </div>
   {#if $bearingFromGps !== undefined}
     <div class={twMerge("absolute top-0 left-0 rounded-full", size)}>