From bd33a80a88a273cf7f2c6cfa8597e95ce769ca52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patryk=20Kopyci=C5=84ski?= <contact@patrykkopycinski.com>
Date: Thu, 14 Jan 2021 18:31:30 +0100
Subject: [PATCH 1/2] [Security Solution] Fix Timeline event details layout

---
 .../public/common/components/event_details/event_details.tsx     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/x-pack/plugins/security_solution/public/common/components/event_details/event_details.tsx b/x-pack/plugins/security_solution/public/common/components/event_details/event_details.tsx
index 0a8046e461d20..f21e856298c15 100644
--- a/x-pack/plugins/security_solution/public/common/components/event_details/event_details.tsx
+++ b/x-pack/plugins/security_solution/public/common/components/event_details/event_details.tsx
@@ -79,6 +79,7 @@ const EventDetailsComponent: React.FC<Props> = ({
               browserFields={browserFields}
               timelineId={timelineId}
             />
+            <EuiSpacer size="l" />
           </>
         ),
       },

From d63b1ad282c34739c42224105e48327b22c774cc Mon Sep 17 00:00:00 2001
From: Patryk Kopycinski <contact@patrykkopycinski.com>
Date: Fri, 15 Jan 2021 12:16:23 +0100
Subject: [PATCH 2/2] fix styling

---
 .../public/common/components/event_details/event_details.tsx | 1 -
 .../timelines/components/timeline/expandable_event/index.tsx | 5 ++++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/common/components/event_details/event_details.tsx b/x-pack/plugins/security_solution/public/common/components/event_details/event_details.tsx
index f21e856298c15..0a8046e461d20 100644
--- a/x-pack/plugins/security_solution/public/common/components/event_details/event_details.tsx
+++ b/x-pack/plugins/security_solution/public/common/components/event_details/event_details.tsx
@@ -79,7 +79,6 @@ const EventDetailsComponent: React.FC<Props> = ({
               browserFields={browserFields}
               timelineId={timelineId}
             />
-            <EuiSpacer size="l" />
           </>
         ),
       },
diff --git a/x-pack/plugins/security_solution/public/timelines/components/timeline/expandable_event/index.tsx b/x-pack/plugins/security_solution/public/timelines/components/timeline/expandable_event/index.tsx
index 27d28aa525d56..9a15d5dadcc94 100644
--- a/x-pack/plugins/security_solution/public/timelines/components/timeline/expandable_event/index.tsx
+++ b/x-pack/plugins/security_solution/public/timelines/components/timeline/expandable_event/index.tsx
@@ -58,7 +58,10 @@ const StyledFlexGroup = styled(EuiFlexGroup)`
 `;
 
 const StyledEuiFlexItem = styled(EuiFlexItem)`
-  overflow: hidden;
+  &.euiFlexItem {
+    flex: 1 0 0;
+    overflow: hidden;
+  }
 `;
 
 export const ExpandableEventTitle = React.memo<ExpandableEventTitleProps>(