From de66fc461a7de8ac3051ecf73b9a87dd5ea5cd37 Mon Sep 17 00:00:00 2001
From: Aleksandar Djindjic <djindjic@gmail.com>
Date: Fri, 2 Dec 2022 16:42:54 +0100
Subject: [PATCH] fix cypress tests, overflow on flyout title

Signed-off-by: Aleksandar Djindjic <djindjic@gmail.com>
---
 public/components/Flyout/flyouts/alertsDashboard.js    | 10 ++++++++--
 .../components/FindingsDashboard/FindingFlyout.js      |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/public/components/Flyout/flyouts/alertsDashboard.js b/public/components/Flyout/flyouts/alertsDashboard.js
index 3ac1b20a4..e61ecdc3a 100644
--- a/public/components/Flyout/flyouts/alertsDashboard.js
+++ b/public/components/Flyout/flyouts/alertsDashboard.js
@@ -19,13 +19,19 @@ const alertsDashboard = (payload) => {
     headerProps: { hasBorder: true },
     header: (
       <EuiFlexGroup justifyContent="flexStart" alignItems="center">
-        <EuiFlexItem>
+        <EuiFlexItem className="eui-xScrollWithShadows">
           <EuiTitle size={'m'} data-test-subj={`alertsDashboardFlyout_header_${trigger_name}`}>
             <h3>{`Alerts by ${trigger_name}`}</h3>
           </EuiTitle>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiButtonIcon iconType="cross" display="empty" iconSize="m" onClick={closeFlyout} />
+          <EuiButtonIcon
+            data-test-subj={`alertsDashboardFlyout_closeButton_${trigger_name}`}
+            iconType="cross"
+            display="empty"
+            iconSize="m"
+            onClick={closeFlyout}
+          />
         </EuiFlexItem>
       </EuiFlexGroup>
     ),
diff --git a/public/pages/Dashboard/components/FindingsDashboard/FindingFlyout.js b/public/pages/Dashboard/components/FindingsDashboard/FindingFlyout.js
index dc0f161e9..11bfbc700 100644
--- a/public/pages/Dashboard/components/FindingsDashboard/FindingFlyout.js
+++ b/public/pages/Dashboard/components/FindingsDashboard/FindingFlyout.js
@@ -107,7 +107,7 @@ export default class FindingFlyout extends Component {
       >
         <EuiFlyoutHeader hasBorder>
           <EuiFlexGroup justifyContent="flexStart" alignItems="center">
-            <EuiFlexItem>
+            <EuiFlexItem className="eui-xScrollWithShadows">
               <EuiTitle size={'m'}>
                 <h3 id={findingId || `temp_finding_${docId}`}>Document finding</h3>
               </EuiTitle>