[Security Solution][Endpoint][Event Filters] Fixes missing spacers be…

…tween event filters cards (elastic#110282)
kibanamachine · Aug 30, 2021 · 4280b09 · 4280b09
1 parent 0e22329
commit 4280b09
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/x-pack/plugins/security_solution/public/management/components/administration_list_page.tsx b/x-pack/plugins/security_solution/public/management/components/administration_list_page.tsx
@@ -16,6 +16,7 @@ import {
 } from '@elastic/eui';
 import { SecurityPageName } from '../../../common/constants';
 import { SpyRoute } from '../../common/utils/route/spy_routes';
+import { useTestIdGenerator } from './hooks/use_test_id_generator';
 
 interface AdministrationListPageProps {
   title: React.ReactNode;
@@ -45,21 +46,23 @@ export const AdministrationListPage: FC<AdministrationListPageProps & CommonProp
       return <span data-test-subj="header-panel-subtitle">{subtitle}</span>;
     }, [subtitle]);
 
+    const getTestId = useTestIdGenerator(otherProps['data-test-subj']);
+
     return (
-      <>
+      <div {...otherProps}>
         <EuiPageHeader
           pageTitle={header}
           description={description}
           bottomBorder={true}
           rightSideItems={[actions]}
           restrictWidth={false}
-          {...otherProps}
+          data-test-subj={getTestId('header')}
         />
         <EuiSpacer size="l" />
         {children}
 
         <SpyRoute pageName={SecurityPageName.administration} />
-      </>
+      </div>
     );
   }
 );