[Security Solution][Detection Rules] Fixes rule details spacing on ru…

…les with long queries (#93831) (#93860) Co-authored-by: Davis Plumlee <[email protected]>
elastic · Mar 6, 2021 · 2715532 · 2715532
1 parent 3257142
commit 2715532
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/...ns/security_solution/public/detections/components/rules/step_about_rule_details/index.tsx b/...ns/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) => (