diff --git a/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte b/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte
index ab33e552..a3ab4a37 100644
--- a/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte
+++ b/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte
@@ -80,6 +80,26 @@
 		</div>
 	</DesignTokens>
 </Story>
+<Story asChild name="fix/251">
+	<DesignTokens theme="dark">
+		<div class="grid">
+			<div class="container">
+				<Map
+					showDebug
+					style={SWRDataLabDark()}
+					initialLocation={{
+						lng: 10.005803094126804,
+						lat: 53.54086081679415,
+						zoom: 14.215291362684706,
+						pitch: 0
+					}}
+				>
+					<AttributionControl position="bottom-left" />
+				</Map>
+			</div>
+		</div>
+	</DesignTokens>
+</Story>
 <Story asChild name="fix/200">
 	<DesignTokens theme="dark">
 		<div class="grid">
diff --git a/components/src/maplibre/MapStyle/SWRDataLabDark.ts b/components/src/maplibre/MapStyle/SWRDataLabDark.ts
index 3695ab35..a0899cc4 100644
--- a/components/src/maplibre/MapStyle/SWRDataLabDark.ts
+++ b/components/src/maplibre/MapStyle/SWRDataLabDark.ts
@@ -28,6 +28,8 @@ const tokens = {
 	marsh: 'hsl(180, 3%, 35%)',
 	grass: 'hsl(170, 20%, 14%)',
 	grass_dark: 'hsl(170, 16%, 12%)',
+	sand: 'hsl(0, 0%, 16%)',
+	rock: 'hsl(0, 0%, 20%)',
 	street_primary: 'hsl(220, 3%, 20%)',
 	street_primary_case: 'hsl(0, 11%, 7%)',
 	street_secondary: 'hsl(0, 0%, 22%)',
@@ -41,7 +43,6 @@ const tokens = {
 	boundary_country_case: '#181818',
 	boundary_state: 'hsl(218, 4%, 37%)',
 	rail: 'hsl(0, 0%, 33%)',
-	sand: 'hsl(0, 0%, 16%)',
 	building: '#232325',
 	hillshade_light: 'hsla(0, 0%, 77%, 0.15)',
 	hillshade_dark: 'hsla(0, 0%, 0%, 0.65)'
diff --git a/components/src/maplibre/MapStyle/SWRDataLabLight.ts b/components/src/maplibre/MapStyle/SWRDataLabLight.ts
index c108b712..b24aebd9 100644
--- a/components/src/maplibre/MapStyle/SWRDataLabLight.ts
+++ b/components/src/maplibre/MapStyle/SWRDataLabLight.ts
@@ -27,6 +27,8 @@ const tokens = {
 	marsh: 'hsl(200, 14%, 97%)',
 	grass: 'hsl(133, 36%, 95%)',
 	grass_dark: 'hsl(127, 49%, 93%)',
+	sand: 'hsl(60, 0%, 95%)',
+	rock: 'hsl(192, 0%, 90%)',
 	street_primary: 'hsl(0, 4%, 95%)',
 	street_primary_case: 'hsl(240, 1%, 84%)',
 	street_secondary: 'hsl(0, 0%, 95%)',
@@ -38,7 +40,6 @@ const tokens = {
 	label_tertiary: 'hsl(60, 1%, 50%)',
 	building: '#f3f2f1',
 	rail: '#d3d3d3',
-	sand: 'hsl(60,0%,95%)',
 	boundary_country: '#8b8a89',
 	boundary_state: 'hsl(37, 10%, 75%)',
 	boundary_country_case: 'white',
diff --git a/components/src/maplibre/MapStyle/components/Landuse.ts b/components/src/maplibre/MapStyle/components/Landuse.ts
index ae540ea5..5cba58dd 100644
--- a/components/src/maplibre/MapStyle/components/Landuse.ts
+++ b/components/src/maplibre/MapStyle/components/Landuse.ts
@@ -109,7 +109,7 @@ export default function makeLanduse(tokens): any {
 			'source-layer': 'land',
 			filter: ['all', ['in', 'kind', 'bare_rock', 'scree', 'shingle']],
 			paint: {
-				'fill-color': 'hsl(192,0%,90%)'
+				'fill-color': tokens.rock
 			}
 		},
 		{