fix horizontal rule (#134832) (#134845)

(cherry picked from commit 61be8fb) Co-authored-by: Michael Olorunnisola <[email protected]>
elastic · Jun 21, 2022 · e6ecddc · e6ecddc
1 parent b7b16aa
commit e6ecddc
Showing 1 changed file with 3 additions and 10 deletions.
diff --git a/x-pack/plugins/security_solution/public/resolver/view/panels/event_detail.tsx b/x-pack/plugins/security_solution/public/resolver/view/panels/event_detail.tsx
@@ -17,6 +17,7 @@ import {
   EuiSpacer,
   EuiText,
   EuiDescriptionList,
+  EuiHorizontalRule,
   EuiTextColor,
   EuiTitle,
 } from '@elastic/eui';
@@ -330,20 +331,12 @@ const StyledDescriptiveName = memo(styled(EuiText)`
 `);
 
 const StyledFlexTitle = memo(styled('h3')`
+  align-items: center;
   display: flex;
   flex-flow: row;
   font-size: 1.2em;
 `);
-const StyledTitleRule = memo(styled('hr')`
-  &.euiHorizontalRule.euiHorizontalRule--full.euiHorizontalRule--marginSmall.override {
-    display: block;
-    flex: 1;
-    margin-left: 0.5em;
-  }
-`);
 
 const TitleHr = memo(() => {
-  return (
-    <StyledTitleRule className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall override" />
-  );
+  return <EuiHorizontalRule margin="none" size="half" />;
 });