From b59b73cb765aabe7a244c2fc6ba7603bcd79b4c9 Mon Sep 17 00:00:00 2001
From: Miki <miki@amazon.com>
Date: Mon, 9 Sep 2024 19:44:31 -0700
Subject: [PATCH] Correctly 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