[Security Solution][Endpoint][Admin] Policy response flyout view has …

…scrolling (#92265)
elastic · Feb 23, 2021 · 49dee63 · 49dee63
1 parent cb93207
commit 49dee63
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/...k/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/index.tsx b/...k/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>
+    </>
   );
 });