diff --git a/x-pack/plugins/apm/public/components/routing/templates/apm_service_template/index.tsx b/x-pack/plugins/apm/public/components/routing/templates/apm_service_template/index.tsx index da604911aec62..0ad6c6e39e38c 100644 --- a/x-pack/plugins/apm/public/components/routing/templates/apm_service_template/index.tsx +++ b/x-pack/plugins/apm/public/components/routing/templates/apm_service_template/index.tsx @@ -36,6 +36,7 @@ import { ServiceIcons } from '../../../shared/service_icons'; import { ApmMainTemplate } from '../apm_main_template'; import { AnalyzeDataButton } from './analyze_data_button'; import { getAlertingCapabilities } from '../../../alerting/get_alerting_capabilities'; +import { TechnicalPreviewBadge } from '../../../shared/technical_preview_badge'; type Tab = NonNullable[0] & { key: @@ -330,9 +331,18 @@ function useTabs({ selectedTab }: { selectedTab: Tab['key'] }) { path: { serviceName }, query, }), - label: i18n.translate('xpack.apm.home.alertsTabLabel', { - defaultMessage: 'Alerts', - }), + label: ( + + + + + + {i18n.translate('xpack.apm.home.alertsTabLabel', { + defaultMessage: 'Alerts', + })} + + + ), hidden: !(isAlertingAvailable && canReadAlerts), }, ];