From f2b95193f5595e8c69752f9c560a733658733823 Mon Sep 17 00:00:00 2001
From: ADITYA TIWARI <142050150+ADITYATIWARI342005@users.noreply.github.com>
Date: Fri, 24 Oct 2025 11:08:27 +0000
Subject: [PATCH] Fix UI cutout for HTTP Probe properties input fields by
 changing inputGroup type from 'number' to 'string'

Signed-off-by: ADITYA TIWARI <142050150+ADITYATIWARI342005@users.noreply.github.com>
---
 .../src/views/AddProbeModalWizard/AddProbeModalWizard.tsx | 2 +-
 .../Probes/AddProbeStepWizard/ProbePropertiesStep.tsx     | 8 ++++----
 ...bernetesChaosInfrastructureStepWizardConfiguration.tsx | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/chaoscenter/web/src/views/AddProbeModalWizard/AddProbeModalWizard.tsx b/chaoscenter/web/src/views/AddProbeModalWizard/AddProbeModalWizard.tsx
index 2cf32a8a6e1..223021be7e3 100644
--- a/chaoscenter/web/src/views/AddProbeModalWizard/AddProbeModalWizard.tsx
+++ b/chaoscenter/web/src/views/AddProbeModalWizard/AddProbeModalWizard.tsx
@@ -372,7 +372,7 @@ const TunePropertiesStep: React.FC<StepProps<StepData>> = props => {
                 />
                 <FormInput.Text
                   name={`${getType()}.attempt`}
-                  inputGroup={{ type: 'number' }}
+                  inputGroup={{ type: 'string' }}
                   label={getString(`attempt`)}
                 />
                 <FormInput.Text
diff --git a/chaoscenter/web/src/views/ExperimentCreationFaultConfiguration/Tabs/Probes/AddProbeStepWizard/ProbePropertiesStep.tsx b/chaoscenter/web/src/views/ExperimentCreationFaultConfiguration/Tabs/Probes/AddProbeStepWizard/ProbePropertiesStep.tsx
index 12116d2630f..1d14912a023 100644
--- a/chaoscenter/web/src/views/ExperimentCreationFaultConfiguration/Tabs/Probes/AddProbeStepWizard/ProbePropertiesStep.tsx
+++ b/chaoscenter/web/src/views/ExperimentCreationFaultConfiguration/Tabs/Probes/AddProbeStepWizard/ProbePropertiesStep.tsx
@@ -63,28 +63,28 @@ export const ProbePropertiesStep: React.FC<StepProps<StepData>> = props => {
                 {
                   <Container padding={{ top: 'large', left: 'xsmall', right: 'large', bottom: 'xsmall' }}>
                     <FormInput.Text
-                      inputGroup={{ type: 'number' }}
+                      inputGroup={{ type: 'string' }}
                       name="probeTimeout"
                       label={formData.type == 'httpProbe' ? 'Probe Timeout (ms)' : 'Probe Timeout (sec)'}
                       placeholder={String(formData.runProperties?.probeTimeout)}
                       tooltipProps={{ dataTooltipId: 'chaos_probe_timeout' }}
                     />
                     <FormInput.Text
-                      inputGroup={{ type: 'number' }}
+                      inputGroup={{ type: 'string' }}
                       name="interval"
                       label="Interval (sec)"
                       placeholder={String(formData.runProperties?.interval)}
                       tooltipProps={{ dataTooltipId: 'chaos_probe_interval' }}
                     />
                     <FormInput.Text
-                      inputGroup={{ type: 'number' }}
+                      inputGroup={{ type: 'string' }}
                       name="probePollingInterval"
                       label="Polling Interval (sec)"
                       placeholder={String(formData.runProperties?.probePollingInterval)}
                       tooltipProps={{ dataTooltipId: 'chaos_probe_polling_interval' }}
                     />
                     <FormInput.Text
-                      inputGroup={{ type: 'number' }}
+                      inputGroup={{ type: 'string' }}
                       name="initialDelay"
                       label="Initial Delay (sec)"
                       placeholder={String(formData.runProperties?.initialDelay)}
diff --git a/chaoscenter/web/src/views/KubernetesChaosInfrastructureCreationModal/KubernetesChaosInfrastructureStepWizardConfiguration.tsx b/chaoscenter/web/src/views/KubernetesChaosInfrastructureCreationModal/KubernetesChaosInfrastructureStepWizardConfiguration.tsx
index 21b69ea775a..f77828f614b 100644
--- a/chaoscenter/web/src/views/KubernetesChaosInfrastructureCreationModal/KubernetesChaosInfrastructureStepWizardConfiguration.tsx
+++ b/chaoscenter/web/src/views/KubernetesChaosInfrastructureCreationModal/KubernetesChaosInfrastructureStepWizardConfiguration.tsx
@@ -205,7 +205,7 @@ function AdvancedChaosInfrastructureConfig({
                   {tolerationEntities.map((toleration, index) => (
                     <Layout.Horizontal key={index} className={css.keyValueContainer}>
                       <FormInput.Text
-                        inputGroup={{ type: 'number' }}
+                        inputGroup={{ type: 'string' }}
                         className={css.textCss}
                         disabled={toleration.effect === 'NoSchedule' || toleration.effect === ''}
                         name={`${'tolerationValues'}[${index}].tolerationSeconds`}