diff --git a/web/javascript/utils_mixlab.js b/web/javascript/utils_mixlab.js
index 2eb2a0e..7f18fe7 100644
--- a/web/javascript/utils_mixlab.js
+++ b/web/javascript/utils_mixlab.js
@@ -159,7 +159,7 @@ app.registerExtension({
           el: `#${inputColor.id}`,
           theme: 'classic', // or 'monolith', or 'nano'
           // closeOnScroll: true,
-          default:'#000000',
+          default: '#000000',
           swatches: [
             'rgba(244, 67, 54, 1)',
             'rgba(233, 30, 99, 0.95)',
@@ -276,3 +276,24 @@ app.registerExtension({
     }
   }
 })
+
+app.registerExtension({
+  name: 'Mixlab.utils.FloatSlider',
+  async loadedGraphNode (node, app) {
+    if (node.type === 'FloatSlider') {
+      const min_value = node.widgets.filter(w => w.name === 'min_value')[0]
+      const max_value = node.widgets.filter(w => w.name === 'max_value')[0]
+
+      const number = node.widgets.filter(w => w.name === 'number')[0]
+
+      min_value.callback = e => {
+        number.options.min = e
+        number.value = e
+      }
+      max_value.callback = e => {
+        number.options.max = e
+        number.value = e
+      }
+    }
+  }
+})