From c67345214fe00bb7a5684b57d5f9e23d3bb82edd Mon Sep 17 00:00:00 2001
From: "opensearch-trigger-bot[bot]"
 <98922864+opensearch-trigger-bot[bot]@users.noreply.github.com>
Date: Thu, 12 Sep 2024 16:46:52 -0700
Subject: [PATCH] Correct the size of disabled ValidatedDualRange components in
 InputControl visualizations (#8108) (#8142)

* Correct the size of disabled ValidatedDualRange components in InputControl visualizations



* Changeset file for PR #8108 created/updated

* Update snapshot



---------



(cherry picked from commit 7aecd730990b62cc40959636efdf1463c972ff89)

Signed-off-by: Miki <miki@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
---
 changelogs/fragments/8108.yml                                 | 2 ++
 .../components/vis/__snapshots__/range_control.test.tsx.snap  | 1 +
 .../input_control_vis/public/components/vis/range_control.tsx | 4 ++--
 3 files changed, 5 insertions(+), 2 deletions(-)
 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
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}
   />
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