From f5463ceaeb8553c130f331cdb9c60bf06685dbc1 Mon Sep 17 00:00:00 2001
From: Gloria Hornero <snootchie.boochies@gmail.com>
Date: Tue, 26 Oct 2021 14:26:49 +0200
Subject: [PATCH] fixes alignment issue (#115948)

---
 .../rules/all/exceptions/exceptions_overflow_display.tsx    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/exceptions/exceptions_overflow_display.tsx b/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/exceptions/exceptions_overflow_display.tsx
index d22d338d6f50..d3219cc86d0e 100644
--- a/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/exceptions/exceptions_overflow_display.tsx
+++ b/x-pack/plugins/security_solution/public/detections/pages/detection_engine/rules/all/exceptions/exceptions_overflow_display.tsx
@@ -27,7 +27,10 @@ interface OverflowListComponentProps {
 }
 
 const ExceptionOverflowWrapper = styled(EuiBadgeGroup)`
-  width: 100%;
+  .euiBadgeGroup__item {
+    display: block;
+    width: 100%;
+  }
 `;
 
 const ExceptionOverflowPopoverWrapper = styled(EuiBadgeGroup)`
@@ -87,7 +90,6 @@ const ExceptionOverflowDisplayComponent = ({
 
           <EuiPopover
             ownFocus
-            display="block"
             data-test-subj="rules-display-popover"
             button={
               <ExceptionOverflowPopoverButton