diff --git a/src/components/inputs/NumberInput.jsx b/src/components/inputs/NumberInput.jsx
index e4fb221..714ca56 100644
--- a/src/components/inputs/NumberInput.jsx
+++ b/src/components/inputs/NumberInput.jsx
@@ -8,6 +8,12 @@ class NumberInput extends React.Component {
     min: PropTypes.number,
     max: PropTypes.number,
     onChange: PropTypes.func,
+    allowRange: PropTypes.bool,
+    rangeStep: PropTypes.number,
+  }
+
+  static defaultProps = {
+    rangeStep: 0.01
   }
 
   constructor(props) {
@@ -80,7 +86,7 @@ class NumberInput extends React.Component {
           style={{width: "calc(100% - 4em)", flexShrink: "0"}}
           key="range"
           type="range"
-          step="0.01"
+          step={this.props.rangeStep}
           max={this.props.max}
           min={this.props.min}
           spellCheck="false"
diff --git a/src/components/layers/MaxZoomBlock.jsx b/src/components/layers/MaxZoomBlock.jsx
index 7447593..f0683fd 100644
--- a/src/components/layers/MaxZoomBlock.jsx
+++ b/src/components/layers/MaxZoomBlock.jsx
@@ -17,6 +17,7 @@ class MaxZoomBlock extends React.Component {
     >
       <NumberInput
         allowRange={true}
+        rangeStep={0.1}
         value={this.props.value}
         onChange={this.props.onChange}
         min={latest.layer.maxzoom.minimum}
diff --git a/src/components/layers/MinZoomBlock.jsx b/src/components/layers/MinZoomBlock.jsx
index 72ac16a..ef95482 100644
--- a/src/components/layers/MinZoomBlock.jsx
+++ b/src/components/layers/MinZoomBlock.jsx
@@ -17,6 +17,7 @@ class MinZoomBlock extends React.Component {
     >
       <NumberInput
         allowRange={true}
+        rangeStep={0.1}
         value={this.props.value}
         onChange={this.props.onChange}
         min={latest.layer.minzoom.minimum}