diff --git a/platform/ui-next/src/components/OHIFToolSettings/ToolSettings.tsx b/platform/ui-next/src/components/OHIFToolSettings/ToolSettings.tsx
index 44696f0e9..91726936b 100644
--- a/platform/ui-next/src/components/OHIFToolSettings/ToolSettings.tsx
+++ b/platform/ui-next/src/components/OHIFToolSettings/ToolSettings.tsx
@@ -118,25 +118,16 @@ const renderRadioSetting = option => {
function renderDoubleRangeSetting(option) {
return (
-
-
- {renderLabelWithTooltip(option.name, option.tooltip)}
-
-
-
-
-
+ values={option.value}
+ onChange={option.onChange}
+ minValue={option.min}
+ maxValue={option.max}
+ step={option.step}
+ showLabel={false}
+ tooltip={option.tooltip}
+ />
);
}
@@ -225,9 +216,7 @@ const renderSelectSetting = option => {
className="flex items-center"
key={option.id}
>
-
- {renderLabelWithTooltip(option.name, option.tooltip)}
-
+ {renderLabelWithTooltip(option.name, option.tooltip)}