From a805b4b8820e3b145d0c87d1ecda2d76d41abd39 Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Wed, 14 Oct 2026 17:19:18 +0200
Subject: [PATCH] fix(maps): hover labels on the GL maps use the app font, not
 the map's Arial

---
 client/src/components/Map/mapHoverLabel.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/client/src/components/Map/mapHoverLabel.ts b/client/src/components/Map/mapHoverLabel.ts
index bc4f6aa96..c049c57d6 100644
--- a/client/src/components/Map/mapHoverLabel.ts
+++ b/client/src/components/Map/mapHoverLabel.ts
@@ -46,6 +46,8 @@ export function mapHoverLabel(map: LabelHost, testId = 'map-hover-label'): MapHo
     element.dataset.testid = testId;
     // The pointer's pixel on the map, not a side of the text: placed from the corner either way.
     element.style.inset = '0px auto auto 0px';
+    // The map's own stylesheet sets Helvetica/Arial on its container; the label speaks in the app's face.
+    element.style.fontFamily = 'var(--font-system)';
     container.appendChild(element);
     return element;
   };