From 49dee63705aef4fca1dbbcc40272b4bf6aa5b638 Mon Sep 17 00:00:00 2001
From: Candace Park <56409205+parkiino@users.noreply.github.com>
Date: Tue, 23 Feb 2021 11:07:45 -0500
Subject: [PATCH] [Security Solution][Endpoint][Admin] Policy response flyout
 view has scrolling (#92265)

---
 .../pages/endpoint_hosts/view/details/index.tsx  | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/index.tsx b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/index.tsx
index 693b185c0feab..ed68cd17fa446 100644
--- a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/index.tsx
+++ b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/index.tsx
@@ -132,11 +132,9 @@ export const EndpointDetailsFlyout = memo(() => {
 
 EndpointDetailsFlyout.displayName = 'EndpointDetailsFlyout';
 
-const PolicyResponseFlyout = styled.div`
-  .endpointDetailsPolicyResponseFlyoutBody {
-    .euiFlyoutBody__overflowContent {
-      padding-top: 0;
-    }
+const PolicyResponseFlyoutBody = styled(EuiFlyoutBody)`
+  .euiFlyoutBody__overflowContent {
+    padding-top: 0;
   }
 `;
 
@@ -180,12 +178,12 @@ const PolicyResponseFlyoutPanel = memo<{
   }, [backToDetailsClickHandler, detailsUri]);
 
   return (
-    <PolicyResponseFlyout>
+    <>
       <FlyoutSubHeader
         backButton={backButtonProp}
         data-test-subj="endpointDetailsPolicyResponseFlyoutHeader"
       />
-      <EuiFlyoutBody
+      <PolicyResponseFlyoutBody
         data-test-subj="endpointDetailsPolicyResponseFlyoutBody"
         className="endpointDetailsPolicyResponseFlyoutBody"
       >
@@ -220,8 +218,8 @@ const PolicyResponseFlyoutPanel = memo<{
             responseAttentionCount={responseAttentionCount}
           />
         )}
-      </EuiFlyoutBody>
-    </PolicyResponseFlyout>
+      </PolicyResponseFlyoutBody>
+    </>
   );
 });