[Security Solution][Exceptions] - Fix scroll on edit exception flyout (…

…#137492) (#138031) ## Summary Addresses issue #136942 - when editing exception items with numerous entries, flyout was not scrolling properly. (cherry picked from commit 8e002ce) Co-authored-by: Yara Tercero <[email protected]>
elastic · Aug 3, 2022 · a909f16 · a909f16
1 parent 2e81f4c
commit a909f16
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/...ins/security_solution/public/common/components/exceptions/edit_exception_flyout/index.tsx b/...ins/security_solution/public/common/components/exceptions/edit_exception_flyout/index.tsx
@@ -97,7 +97,7 @@ const FlyoutBodySection = styled.section`
   `}
 `;
 
-const FlyoutCheckboxesSection = styled(EuiFlyoutBody)`
+const FlyoutCheckboxesSection = styled.section`
   overflow-y: inherit;
   height: auto;
   .euiFlyoutBody__overflowContent {
@@ -361,7 +361,7 @@ export const EditExceptionFlyout = memo(function EditExceptionFlyout({
         !isIndexPatternLoading &&
         !isRuleLoading &&
         !mlJobLoading && (
-          <>
+          <EuiFlyoutBody>
             <FlyoutBodySection className="builder-section">
               {isRuleEQLSequenceStatement && (
                 <>
@@ -439,7 +439,7 @@ export const EditExceptionFlyout = memo(function EditExceptionFlyout({
                 </>
               )}
             </FlyoutCheckboxesSection>
-          </>
+          </EuiFlyoutBody>
         )}
 
       <EuiFlyoutFooter>