From 57f103613fedd36487d3eb068fcf692e74ddc51b Mon Sep 17 00:00:00 2001
From: Kevin Delemme <kevin.delemme@elastic.co>
Date: Mon, 11 Sep 2023 09:05:34 -0400
Subject: [PATCH] fix(slo): burn rate lookback window component (#166118)

---
 .../long_window_duration.tsx                  | 32 ++++++++-----------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/x-pack/plugins/observability/public/components/burn_rate_rule_editor/long_window_duration.tsx b/x-pack/plugins/observability/public/components/burn_rate_rule_editor/long_window_duration.tsx
index af982e928bd6..6721fbe7dcdf 100644
--- a/x-pack/plugins/observability/public/components/burn_rate_rule_editor/long_window_duration.tsx
+++ b/x-pack/plugins/observability/public/components/burn_rate_rule_editor/long_window_duration.tsx
@@ -5,12 +5,12 @@
  * 2.0.
  */
 
-import { EuiFieldNumber, EuiFlexGroup, EuiFlexItem, EuiFormRow, EuiIconTip } from '@elastic/eui';
+import { EuiFieldNumber, EuiFormRow, EuiIconTip } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import React, { ChangeEvent, useState } from 'react';
 
-import { toMinutes } from '../../utils/slo/duration';
 import { Duration } from '../../typings';
+import { toMinutes } from '../../utils/slo/duration';
 
 interface Props {
   shortWindowDuration: Duration;
@@ -36,22 +36,18 @@ export function LongWindowDuration({
 
   return (
     <EuiFormRow label={getRowLabel(shortWindowDuration)} fullWidth isInvalid={hasError}>
-      <EuiFlexGroup direction="row">
-        <EuiFlexItem>
-          <EuiFieldNumber
-            isInvalid={hasError}
-            min={1}
-            max={72}
-            step={1}
-            value={String(durationValue)}
-            onChange={onDurationValueChange}
-            aria-label={i18n.translate('xpack.observability.slo.rules.longWindow.valueLabel', {
-              defaultMessage: 'Lookback period in hours',
-            })}
-            data-test-subj="durationValueInput"
-          />
-        </EuiFlexItem>
-      </EuiFlexGroup>
+      <EuiFieldNumber
+        isInvalid={hasError}
+        min={1}
+        max={72}
+        step={1}
+        value={String(durationValue)}
+        onChange={onDurationValueChange}
+        aria-label={i18n.translate('xpack.observability.slo.rules.longWindow.valueLabel', {
+          defaultMessage: 'Lookback period in hours',
+        })}
+        data-test-subj="durationValueInput"
+      />
     </EuiFormRow>
   );
 }