diff --git a/web/src/App.svelte b/web/src/App.svelte
index 0701184..b5d9083 100644
--- a/web/src/App.svelte
+++ b/web/src/App.svelte
@@ -124,7 +124,7 @@
   </div>
   <div slot="main" style="position:relative; width: 100%; height: 100vh;">
     <MapLibre
-      style={`https://api.maptiler.com/maps/dataviz/style.json?key=${maptilerApiKey}`}
+      style={`https://api.maptiler.com/maps/landscape/style.json?key=${maptilerApiKey}`}
       standardControls
       hash
       bind:map
diff --git a/web/src/NetworkLayer.svelte b/web/src/NetworkLayer.svelte
index 23664a3..d0516b0 100644
--- a/web/src/NetworkLayer.svelte
+++ b/web/src/NetworkLayer.svelte
@@ -13,6 +13,7 @@
 <GeoJSON data={JSON.parse(notNull($model).render())}>
   <LineLayer
     id="network"
+    beforeId="Road labels"
     paint={{
       "line-width": 5,
       "line-color": constructMatchExpression(