diff --git a/components/slider/stories/template.js b/components/slider/stories/template.js
index becef6ade92..c69a96b487a 100644
--- a/components/slider/stories/template.js
+++ b/components/slider/stories/template.js
@@ -21,7 +21,7 @@ export const Template = ({
 	values = [],
 	variant,
 	labelPosition,
-	fillColor = "rgb(213, 213, 213)",
+	fillColor,
 	showTicks = false,
 	showTickLabels = false,
 	isDisabled = false,
@@ -127,8 +127,8 @@ export const Template = ({
 			})}
 			id=${ifDefined(id)}
 			style=${styleMap({
+				"--spectrum-slider-track-color": fillColor ? fillColor : undefined,
 				"inline-size": "240px",
-				["--spectrum-slider-track-color"]: fillColor,
 				...customStyles,
 			})}
 			role=${ifDefined(values.length > 1 ? "group" : undefined)}