diff --git a/frontend/src/components/tools/removeBlanks/RemoveBlanksSettings.tsx b/frontend/src/components/tools/removeBlanks/RemoveBlanksSettings.tsx
index 198c12674..fa4ec6e55 100644
--- a/frontend/src/components/tools/removeBlanks/RemoveBlanksSettings.tsx
+++ b/frontend/src/components/tools/removeBlanks/RemoveBlanksSettings.tsx
@@ -1,4 +1,4 @@
-import { Stack, Text, Checkbox } from "@mantine/core";
+import { Stack, Text, Checkbox, Slider, NumberInput, Group } from "@mantine/core";
import { useTranslation } from "react-i18next";
import NumberInputWithUnit from "../shared/NumberInputWithUnit";
import { RemoveBlanksParameters } from "../../../hooks/tools/removeBlanks/useRemoveBlanksParameters";
@@ -27,15 +27,31 @@ const RemoveBlanksSettings = ({ parameters, onParameterChange, disabled = false
- onParameterChange('whitePercent', typeof v === 'string' ? Number(v) : v)}
- unit='%'
- min={0.1}
- max={100}
- disabled={disabled}
- />
+
+ {t('removeBlanks.whitePercent.label', 'White Percent')}
+
+
+ onParameterChange('whitePercent', typeof v === 'number' ? v : 0.1)}
+ min={0.1}
+ max={100}
+ step={0.1}
+ size="sm"
+ rightSection="%"
+ style={{ width: '80px' }}
+ disabled={disabled}
+ />
+ onParameterChange('whitePercent', value)}
+ min={0.1}
+ max={100}
+ step={0.1}
+ style={{ flex: 1 }}
+ disabled={disabled}
+ />
+