From b5ee9f451f97173c77e63e6923b1c871cd273fd6 Mon Sep 17 00:00:00 2001
From: Davis Plumlee <56367316+dplumlee@users.noreply.github.com>
Date: Fri, 5 Mar 2021 18:19:14 -0500
Subject: [PATCH] [Security Solution][Detection Rules] Fixes rule details
 spacing on rules with long queries (#93831)

---
 .../components/rules/step_about_rule_details/index.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/detections/components/rules/step_about_rule_details/index.tsx b/x-pack/plugins/security_solution/public/detections/components/rules/step_about_rule_details/index.tsx
index 8b6cd3fee9fa..a09afa3ca216 100644
--- a/x-pack/plugins/security_solution/public/detections/components/rules/step_about_rule_details/index.tsx
+++ b/x-pack/plugins/security_solution/public/detections/components/rules/step_about_rule_details/index.tsx
@@ -91,7 +91,7 @@ const StepAboutRuleToggleDetailsComponent: React.FC<StepPanelProps> = ({
       )}
       {stepData != null && stepDataDetails != null && (
         <FlexGroupFullHeight gutterSize="xs" direction="column">
-          <EuiFlexItem grow={1} key="header">
+          <EuiFlexItem grow={false} key="header">
             <HeaderSection title={i18n.ABOUT_TEXT}>
               {!isEmpty(stepDataDetails.note) && stepDataDetails.note.trim() !== '' && (
                 <EuiButtonGroup
@@ -106,7 +106,7 @@ const StepAboutRuleToggleDetailsComponent: React.FC<StepPanelProps> = ({
               )}
             </HeaderSection>
           </EuiFlexItem>
-          <EuiFlexItem grow={5} key="details">
+          <EuiFlexItem key="details">
             {selectedToggleOption === 'details' ? (
               <EuiResizeObserver data-test-subj="stepAboutDetailsContent" onResize={onResize}>
                 {(resizeRef) => (