From d638fa419f23beeaff8265ad24953126aebeca89 Mon Sep 17 00:00:00 2001
From: Jan Monschke <jan.monschke@elastic.co>
Date: Tue, 12 Apr 2022 10:40:15 +0200
Subject: [PATCH] [SecuritySolution] Remove `empty row` (#129909)

* fix: remove horizontal rule

The horizontal rule in this component in combination with the bottom border of the above table made it look like there is an empty row in the table. The divider is now replaced by a spacer to visually separate the Investigation guide and the highlighted fields.

* chore: remove unused import
---
 .../components/event_details/investigation_guide_view.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/common/components/event_details/investigation_guide_view.tsx b/x-pack/plugins/security_solution/public/common/components/event_details/investigation_guide_view.tsx
index b4abd253b4a96..dfec4ab07db16 100644
--- a/x-pack/plugins/security_solution/public/common/components/event_details/investigation_guide_view.tsx
+++ b/x-pack/plugins/security_solution/public/common/components/event_details/investigation_guide_view.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { EuiSpacer, EuiHorizontalRule, EuiTitle, EuiText } from '@elastic/eui';
+import { EuiSpacer, EuiTitle, EuiText } from '@elastic/eui';
 import { ALERT_RULE_UUID } from '@kbn/rule-data-utils';
 
 import React, { useMemo } from 'react';
@@ -39,7 +39,7 @@ const InvestigationGuideViewComponent: React.FC<{
 
   return (
     <>
-      <EuiHorizontalRule />
+      <EuiSpacer size="l" />
       <EuiTitle size="xxxs" data-test-subj="summary-view-guide">
         <h5>{i18n.INVESTIGATION_GUIDE}</h5>
       </EuiTitle>