diff --git a/umap/static/umap/js/umap.layer.js b/umap/static/umap/js/umap.layer.js
index 3b207142..21dc85e1 100644
--- a/umap/static/umap/js/umap.layer.js
+++ b/umap/static/umap/js/umap.layer.js
@@ -207,7 +207,10 @@ L.U.Layer.Choropleth = L.FeatureGroup.extend({
       [
         'options.choropleth.steps',
         {
-          handler: 'IntInput',
+          handler: 'Range',
+          min: 3,
+          max: 9,
+          step: 1,
           placeholder: L._('Choropleth steps'),
           helpText: L._('Choropleth steps (default 5)'),
         },