From 31478e25d6940324fa6ec4b93bd62dfda14112b1 Mon Sep 17 00:00:00 2001
From: Miki <miki@amazon.com>
Date: Mon, 9 Sep 2024 19:44:31 -0700
Subject: [PATCH 1/3] Correct the size of disabled ValidatedDualRange
 components in InputControl visualizations

Signed-off-by: Miki <miki@amazon.com>
---
 .../input_control_vis/public/components/vis/range_control.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/plugins/input_control_vis/public/components/vis/range_control.tsx b/src/plugins/input_control_vis/public/components/vis/range_control.tsx
index cf7a815315a2..f014961acae8 100644
--- a/src/plugins/input_control_vis/public/components/vis/range_control.tsx
+++ b/src/plugins/input_control_vis/public/components/vis/range_control.tsx
@@ -104,7 +104,7 @@ export class RangeControl extends PureComponent<RangeControlProps, RangeControlS
 
   renderControl() {
     if (!this.props.control.isEnabled()) {
-      return <ValidatedDualRange disabled showInput />;
+      return <ValidatedDualRange disabled showInput formRowDisplay="rowCompressed" />;
     }
 
     const decimalPlaces = _.get(this.props, 'control.options.decimalPlaces', 0);
@@ -121,7 +121,7 @@ export class RangeControl extends PureComponent<RangeControlProps, RangeControlS
         id={this.props.control.id}
         min={min}
         max={max}
-        formRowDisplay={'rowCompressed'}
+        formRowDisplay="rowCompressed"
         value={this.state.value}
         onChange={this.onChangeComplete}
         showInput

From 732befed81f9b8f9aed5367070b69f77184e6217 Mon Sep 17 00:00:00 2001
From: "opensearch-changeset-bot[bot]"
 <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
Date: Tue, 10 Sep 2024 16:21:18 +0000
Subject: [PATCH 2/3] Changeset file for PR #8108 created/updated

---
 changelogs/fragments/8108.yml | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 changelogs/fragments/8108.yml

diff --git a/changelogs/fragments/8108.yml b/changelogs/fragments/8108.yml
new file mode 100644
index 000000000000..ceb661ab0fb0
--- /dev/null
+++ b/changelogs/fragments/8108.yml
@@ -0,0 +1,2 @@
+fix:
+- Correct the size of disabled ValidatedDualRange components in InputControl visualizations ([#8108](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/8108))
\ No newline at end of file

From a1d4c9ca3e184d087f39846fbf74dd91b3a5024f Mon Sep 17 00:00:00 2001
From: Miki <miki@amazon.com>
Date: Fri, 23 Aug 2024 10:41:17 -0700
Subject: [PATCH 3/3] Update snapshot

Signed-off-by: Miki <miki@amazon.com>
---
 .../components/vis/__snapshots__/range_control.test.tsx.snap     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/plugins/input_control_vis/public/components/vis/__snapshots__/range_control.test.tsx.snap b/src/plugins/input_control_vis/public/components/vis/__snapshots__/range_control.test.tsx.snap
index 0d07734c2cee..c185d61aa0ca 100644
--- a/src/plugins/input_control_vis/public/components/vis/__snapshots__/range_control.test.tsx.snap
+++ b/src/plugins/input_control_vis/public/components/vis/__snapshots__/range_control.test.tsx.snap
@@ -10,6 +10,7 @@ exports[`disabled 1`] = `
   <ValidatedDualRange
     allowEmptyRange={true}
     disabled={true}
+    formRowDisplay="rowCompressed"
     fullWidth={false}
     showInput={true}
   />