diff --git a/dashboards-observability/public/components/explorer/visualizations/config_panel/config_editor/config_controls/config_thresholds.tsx b/dashboards-observability/public/components/explorer/visualizations/config_panel/config_editor/config_controls/config_thresholds.tsx
index db2aaf2b2..fb41d1f82 100644
--- a/dashboards-observability/public/components/explorer/visualizations/config_panel/config_editor/config_controls/config_thresholds.tsx
+++ b/dashboards-observability/public/components/explorer/visualizations/config_panel/config_editor/config_controls/config_thresholds.tsx
@@ -31,7 +31,7 @@ export const ConfigThresholds = ({
   let addButtonText = '+ Add threadshold';
   const getThresholdUnit = () => {
     return {
-      thid: htmlIdGenerator('thr'),
+      thid: htmlIdGenerator('thr')(),
       name: '',
       color: '#FC0505',
       value: 0,
@@ -139,7 +139,7 @@ export const ConfigThresholds = ({
                       <EuiFieldNumber
                         fullWidth
                         placeholder="threshold value"
-                        value={thr.value}
+                        value={thr.value || 0}
                         onChange={handleThresholdChange(thr.thid, 'value')}
                         aria-label="Input threshold value"
                         data-test-subj="valueFieldNumber"