From a063f0d1941ea605bd1e281bee610c39cd7346d7 Mon Sep 17 00:00:00 2001
From: PhilippeOberti <philippe.oberti@elastic.co>
Date: Thu, 19 Sep 2024 14:38:40 -0500
Subject: [PATCH] PR comments

---
 .../document_details/right/components/alert_header_block.tsx   | 2 +-
 .../document_details/right/components/alert_header_title.tsx   | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/flyout/document_details/right/components/alert_header_block.tsx b/x-pack/plugins/security_solution/public/flyout/document_details/right/components/alert_header_block.tsx
index ad823d9237172..84259ffcf0eb6 100644
--- a/x-pack/plugins/security_solution/public/flyout/document_details/right/components/alert_header_block.tsx
+++ b/x-pack/plugins/security_solution/public/flyout/document_details/right/components/alert_header_block.tsx
@@ -29,7 +29,7 @@ export interface AlertHeaderBlockProps {
  */
 export const AlertHeaderBlock: VFC<AlertHeaderBlockProps> = memo(
   ({ title, children, 'data-test-subj': dataTestSubj }) => (
-    <EuiPanel hasShadow={false} hasBorder paddingSize="m">
+    <EuiPanel hasShadow={false} hasBorder paddingSize="s">
       <EuiFlexGroup direction="column" gutterSize="xs" responsive={false}>
         <EuiFlexItem grow={false}>
           <EuiTitle size="xxs" data-test-subj={dataTestSubj}>
diff --git a/x-pack/plugins/security_solution/public/flyout/document_details/right/components/alert_header_title.tsx b/x-pack/plugins/security_solution/public/flyout/document_details/right/components/alert_header_title.tsx
index 4bea6077a900c..f128fada5fb29 100644
--- a/x-pack/plugins/security_solution/public/flyout/document_details/right/components/alert_header_title.tsx
+++ b/x-pack/plugins/security_solution/public/flyout/document_details/right/components/alert_header_title.tsx
@@ -23,8 +23,9 @@ import { PreferenceFormattedDate } from '../../../../common/components/formatted
 import { FLYOUT_ALERT_HEADER_TITLE_TEST_ID, ALERT_SUMMARY_PANEL_TEST_ID } from './test_ids';
 import { Assignees } from './assignees';
 
+// minWidth for each block, allows to switch for a 1 row 4 blocks to 2 rows with 2 block each
 const blockStyles = {
-  minWidth: 300,
+  minWidth: 280,
 };
 
 /**