diff --git a/ui/experiments/editor.html b/ui/experiments/editor.html
index b5fd2aa3..c48d6f75 100755
--- a/ui/experiments/editor.html
+++ b/ui/experiments/editor.html
@@ -115,22 +115,22 @@ function clearStates(){
 		<div>
 			<div>
 				<span>Brightness:</span>
-				<input type="range" id="brightness" onchange="updateFilter($('#image'), this.id, this.valueAsNumber);" value="1" step="0.1" min="0" max="10" list="0" default="1">
+				<input type="range" id="brightness" onchange="updateFilter($('#image'), this.id, this.valueAsNumber);" value="1" step="0.01" min="0" max="10" list="0" default="1">
 				<button class="reset" onclick="resetPrevRange(this)">x</button>
 			</div>
 			<div>
 				<span>Contrast:</span>
-				<input type="range" id="contrast" onchange="updateFilter($('#image'), this.id, this.valueAsNumber);" value="1" step="0.1" min="0" max="10" default="1">
+				<input type="range" id="contrast" onchange="updateFilter($('#image'), this.id, this.valueAsNumber);" value="1" step="0.01" min="0" max="10" default="1">
 				<button class="reset" onclick="resetPrevRange(this)">x</button>
 			</div>
 			<div>
 				<span>Saturation:</span>
-				<input type="range" id="saturate" onchange="updateFilter($('#image'), this.id, this.valueAsNumber);" value="1" step="0.1" min="0" max="10" default="1">
+				<input type="range" id="saturate" onchange="updateFilter($('#image'), this.id, this.valueAsNumber);" value="1" step="0.01" min="0" max="10" default="1">
 				<button class="reset" onclick="resetPrevRange(this)">x</button>
 			</div>
 			<div>
 				<span>Hue:</span>
-				<input type="range" id="hue-rotate" onchange="updateFilter($('#image'), this.id, this.valueAsNumber+'deg');" value="0" step="1" min="-180" max="180" default="0">
+				<input type="range" id="hue-rotate" onchange="updateFilter($('#image'), this.id, this.valueAsNumber+'deg');" value="0" step="0.5" min="-180" max="180" default="0">
 				<button class="reset" onclick="resetPrevRange(this)">x</button>
 			</div>
 			<div>