update

Author: shahzad31

x-pack/plugins/uptime/public/components/common/header/action_menu.tsx

@@ -22,9 +22,6 @@ export const ActionMenu = ({ appMountParameters }: { appMountParameters: AppMoun
   return (
     <HeaderMenuPortal setHeaderActionMenu={appMountParameters.setHeaderActionMenu}>
       <EuiFlexGroup alignItems="flexEnd" responsive={false} style={{ paddingRight: 20 }}>
-        <EuiFlexItem grow={false}>
-          <ToggleAlertFlyoutButton />
-        </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButtonEmpty
             href={kibana.services?.application?.getUrlForApp('/home#/tutorial/uptimeMonitors')}

x-pack/plugins/uptime/public/components/common/header/page_header.tsx

@@ -13,6 +13,7 @@ import { SyntheticsCallout } from '../../overview/synthetics_callout';
 import { PageTabs } from './page_tabs';
 import { CERTIFICATES_ROUTE, MONITOR_ROUTE, SETTINGS_ROUTE } from '../../../../common/constants';
 import { CertRefreshBtn } from '../../certificates/cert_refresh_btn';
+import { ToggleAlertFlyoutButton } from '../../overview/alerts/alerts_containers';
 
 const StyledPicker = styled(EuiFlexItem)`
   &&& {
@@ -48,16 +49,13 @@ export const PageHeader = () => {
   return (
     <>
       <SyntheticsCallout />
-      <EuiFlexGroup
-        alignItems="center"
-        justifyContent="spaceBetween"
-        gutterSize="s"
-        wrap
-        responsive={false}
-      >
+      <EuiFlexGroup alignItems="center" justifyContent="spaceBetween" wrap responsive={false}>
         <EuiFlexItem>
           <PageTabs />
         </EuiFlexItem>
+        <EuiFlexItem grow={false}>
+          <ToggleAlertFlyoutButton />
+        </EuiFlexItem>
         {!isSettingsRoute && <DatePickerComponent />}
       </EuiFlexGroup>
       {isMonRoute && <EuiHorizontalRule margin="m" />}