diff --git a/x-pack/plugins/security_solution/public/detection_engine/rule_gaps/components/manual_rule_run/index.tsx b/x-pack/plugins/security_solution/public/detection_engine/rule_gaps/components/manual_rule_run/index.tsx
index 9c2cb84dfc4be..c0279702518e7 100644
--- a/x-pack/plugins/security_solution/public/detection_engine/rule_gaps/components/manual_rule_run/index.tsx
+++ b/x-pack/plugins/security_solution/public/detection_engine/rule_gaps/components/manual_rule_run/index.tsx
@@ -5,6 +5,7 @@
* 2.0.
*/
import {
+ EuiBetaBadge,
EuiConfirmModal,
EuiDatePicker,
EuiDatePickerRange,
@@ -19,6 +20,7 @@ import {
import moment from 'moment';
import React, { useCallback, useMemo, useState } from 'react';
import { MAX_MANUAL_RULE_RUN_LOOKBACK_WINDOW_DAYS } from '../../../../../common/constants';
+import { BETA, BETA_TOOLTIP } from '../../../../common/translations';
import * as i18n from './translations';
@@ -70,6 +72,9 @@ const ManualRuleRunModalComponent = ({ onCancel, onConfirm }: ManualRuleRunModal
title={
{i18n.MANUAL_RULE_RUN_MODAL_TITLE}
+
+
+
}
titleProps={{ id: modalTitleId, style: { width: '100%' } }}
diff --git a/x-pack/plugins/security_solution/public/detection_engine/rule_gaps/components/rule_backfills_info/index.tsx b/x-pack/plugins/security_solution/public/detection_engine/rule_gaps/components/rule_backfills_info/index.tsx
index 399692e6cb099..2a0981e2f5259 100644
--- a/x-pack/plugins/security_solution/public/detection_engine/rule_gaps/components/rule_backfills_info/index.tsx
+++ b/x-pack/plugins/security_solution/public/detection_engine/rule_gaps/components/rule_backfills_info/index.tsx
@@ -6,7 +6,14 @@
*/
import React, { useState } from 'react';
-import { EuiButton, EuiBasicTable, EuiFlexGroup, EuiFlexItem, EuiPanel } from '@elastic/eui';
+import {
+ EuiButton,
+ EuiBasicTable,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiPanel,
+ EuiBetaBadge,
+} from '@elastic/eui';
import type { EuiBasicTableColumn, CriteriaWithPagination } from '@elastic/eui';
import { useFindBackfillsForRules } from '../../api/hooks/use_find_backfills_for_rules';
import { StopBackfill } from './stop_backfill';
@@ -19,6 +26,7 @@ import { useUserData } from '../../../../detections/components/user_info';
import { getBackfillRowsFromResponse } from './utils';
import { HeaderSection } from '../../../../common/components/header_section';
import { TableHeaderTooltipCell } from '../../../rule_management_ui/components/rules_table/table_header_tooltip_cell';
+import { BETA, BETA_TOOLTIP } from '../../../../common/translations';
import { useKibana } from '../../../../common/lib/kibana';
const DEFAULT_PAGE_SIZE = 10;
@@ -178,6 +186,7 @@ export const RuleBackfillsInfo = React.memo<{ ruleId: string }>(({ ruleId }) =>
title={i18n.BACKFILL_TABLE_TITLE}
subtitle={i18n.BACKFILL_TABLE_SUBTITLE}
/>
+