From a142a28a6fa742da9adb0b150104a8b7e62df02b Mon Sep 17 00:00:00 2001
From: Zhongnan Su <szhongna@amazon.com>
Date: Wed, 17 Jul 2024 19:14:07 +0000
Subject: [PATCH] [Look&Feel] apply missing pattern guidance to Alerting
 experience

Signed-off-by: Zhongnan Su <szhongna@amazon.com>
---
 cypress/integration/composite_level_monitor_spec.js    |  2 +-
 .../Flyout/flyouts/__snapshots__/flyouts.test.js.snap  | 10 +++++-----
 public/components/Flyout/flyouts/alertsDashboard.js    | 10 +++++-----
 .../components/MonitorActions/MonitorActions.js        |  2 +-
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/cypress/integration/composite_level_monitor_spec.js b/cypress/integration/composite_level_monitor_spec.js
index 104d3332c..dc2c72cf4 100644
--- a/cypress/integration/composite_level_monitor_spec.js
+++ b/cypress/integration/composite_level_monitor_spec.js
@@ -154,7 +154,7 @@ describe('CompositeLevelMonitor', () => {
 
       // Wait for monitor to be created
       cy.wait('@updateMonitorRequest').then(() => {
-        cy.get('.euiTitle--small').contains(`${SAMPLE_VISUAL_EDITOR_MONITOR}_edited`);
+        cy.get('.euiText--small').contains(`${SAMPLE_VISUAL_EDITOR_MONITOR}_edited`);
       });
     });
   });
diff --git a/public/components/Flyout/flyouts/__snapshots__/flyouts.test.js.snap b/public/components/Flyout/flyouts/__snapshots__/flyouts.test.js.snap
index d3b149913..dfbeae1ce 100644
--- a/public/components/Flyout/flyouts/__snapshots__/flyouts.test.js.snap
+++ b/public/components/Flyout/flyouts/__snapshots__/flyouts.test.js.snap
@@ -21,15 +21,15 @@ Object {
     <EuiFlexItem
       className="eui-textTruncate"
     >
-      <EuiTitle
+      <EuiText
         className="eui-textTruncate"
         data-test-subj="alertsDashboardFlyout_header_undefined"
-        size="m"
+        size="s"
       >
-        <h3>
+        <h2>
           Alerts by undefined
-        </h3>
-      </EuiTitle>
+        </h2>
+      </EuiText>
     </EuiFlexItem>
     <EuiFlexItem
       grow={false}
diff --git a/public/components/Flyout/flyouts/alertsDashboard.js b/public/components/Flyout/flyouts/alertsDashboard.js
index db99eb150..06fef2c20 100644
--- a/public/components/Flyout/flyouts/alertsDashboard.js
+++ b/public/components/Flyout/flyouts/alertsDashboard.js
@@ -4,7 +4,7 @@
  */
 
 import React from 'react';
-import { EuiFlexGroup, EuiButtonIcon, EuiTitle, EuiFlexItem } from '@elastic/eui';
+import { EuiFlexGroup, EuiButtonIcon, EuiText, EuiFlexItem } from '@elastic/eui';
 import AlertsDashboardFlyoutComponent from './components/AlertsDashboardFlyoutComponent';
 
 const alertsDashboard = (payload) => {
@@ -20,13 +20,13 @@ const alertsDashboard = (payload) => {
     header: (
       <EuiFlexGroup justifyContent="flexStart" alignItems="center">
         <EuiFlexItem className="eui-textTruncate">
-          <EuiTitle
+          <EuiText
             className="eui-textTruncate"
-            size={'m'}
+            size={'s'}
             data-test-subj={`alertsDashboardFlyout_header_${trigger_name}`}
           >
-            <h3>{`Alerts by ${trigger_name}`}</h3>
-          </EuiTitle>
+            <h2>{`Alerts by ${trigger_name}`}</h2>
+          </EuiText>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButtonIcon
diff --git a/public/pages/Monitors/components/MonitorActions/MonitorActions.js b/public/pages/Monitors/components/MonitorActions/MonitorActions.js
index 6ce6d91d3..e151e3719 100644
--- a/public/pages/Monitors/components/MonitorActions/MonitorActions.js
+++ b/public/pages/Monitors/components/MonitorActions/MonitorActions.js
@@ -103,7 +103,7 @@ export default class MonitorActions extends Component {
             panelPaddingSize="none"
             anchorPosition="downLeft"
           >
-            <EuiContextMenuPanel items={this.getActions()} />
+            <EuiContextMenuPanel items={this.getActions()} size="s" />
           </EuiPopover>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>