diff --git a/components/src/maplibre/MapStyle/SWRDataLabDark.ts b/components/src/maplibre/MapStyle/SWRDataLabDark.ts
index 9f6e747a..4ad91158 100644
--- a/components/src/maplibre/MapStyle/SWRDataLabDark.ts
+++ b/components/src/maplibre/MapStyle/SWRDataLabDark.ts
@@ -126,7 +126,7 @@ const style: styleFunction = (opts) => {
 			...admin,
 
 			// 7. Labels
-			...walkingLabels,
+			...(options.roads?.showLabels ? walkingLabels : []),
 			...(options.roads?.showLabels ? roadLabels : []),
 
 			// 8. Building extrusions
diff --git a/components/src/maplibre/MapStyle/SWRDataLabLight.stories.svelte b/components/src/maplibre/MapStyle/SWRDataLabLight.stories.svelte
index a1219a93..3244c7de 100644
--- a/components/src/maplibre/MapStyle/SWRDataLabLight.stories.svelte
+++ b/components/src/maplibre/MapStyle/SWRDataLabLight.stories.svelte
@@ -257,7 +257,7 @@
 			<div class="container">
 				<Map
 					showDebug
-					style={SWRDataLabLight({ enableBuildingExtrusions: true })}
+					style={SWRDataLabLight({ enableBuildingExtrusions: true, roads: { showLabels: false } })}
 					maxZoom={20}
 					initialLocation={locations.buildings}
 				>
diff --git a/components/src/maplibre/MapStyle/SWRDataLabLight.ts b/components/src/maplibre/MapStyle/SWRDataLabLight.ts
index b78845ca..9cf2e036 100644
--- a/components/src/maplibre/MapStyle/SWRDataLabLight.ts
+++ b/components/src/maplibre/MapStyle/SWRDataLabLight.ts
@@ -123,8 +123,8 @@ const style: styleFunction = (opts) => {
 			...admin,
 
 			// 7. Labels
-			...walkingLabels,
-			...roadLabels,
+			...(options.roads?.showLabels ? walkingLabels : []),
+			...(options.roads?.showLabels ? roadLabels : []),
 
 			// 8. Building extrusions
 			...(options.enableBuildingExtrusions ? [buildingExtrusions] : []),