diff --git a/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte b/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte
index da5ad0b3..6f27e9ba 100644
--- a/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte
+++ b/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte
@@ -266,6 +266,22 @@
 		</div>
 	</DesignTokens>
 </Story>
+<Story asChild name="fix/416">
+	<DesignTokens theme="dark">
+		<div class="grid">
+			<div class="container">
+				<Map
+					showDebug
+					style={SWRDataLabDark()}
+					maxZoom={20}
+					initialLocation={{ lng: 7.36347380955749, lat: 49.99797140765824, zoom: 16, pitch: 0 }}
+				>
+					<AttributionControl position="bottom-left" />
+				</Map>
+			</div>
+		</div>
+	</DesignTokens>
+</Story>
 
 <style>
 	.grid {
diff --git a/components/src/maplibre/MapStyle/SWRDataLabDark.ts b/components/src/maplibre/MapStyle/SWRDataLabDark.ts
index 8f0e209c..62d20b7e 100644
--- a/components/src/maplibre/MapStyle/SWRDataLabDark.ts
+++ b/components/src/maplibre/MapStyle/SWRDataLabDark.ts
@@ -33,7 +33,7 @@ const tokens = {
 	street_primary: 'hsl(220, 3%, 20%)',
 	street_primary_faded: '#252525',
 	street_primary_case: 'hsl(0, 11%, 7%)',
-	street_secondary: 'hsl(0, 0%, 22%)',
+	street_secondary: 'hsl(220, 3%, 20%)',
 	street_secondary_case: 'hsl(0, 0%, 0%)',
 	street_tertiary: 'hsl(0, 0%, 20%)',
 	street_tertiary_case: 'hsl(0, 0%, 14%)',