diff --git a/x-pack/plugins/security_solution/public/detection_engine/rule_creation/components/alert_suppression_edit/threshold_alert_suppression_edit.tsx b/x-pack/plugins/security_solution/public/detection_engine/rule_creation/components/alert_suppression_edit/threshold_alert_suppression_edit.tsx
index 769a2fea2a77d..6590add7eaf34 100644
--- a/x-pack/plugins/security_solution/public/detection_engine/rule_creation/components/alert_suppression_edit/threshold_alert_suppression_edit.tsx
+++ b/x-pack/plugins/security_solution/public/detection_engine/rule_creation/components/alert_suppression_edit/threshold_alert_suppression_edit.tsx
@@ -9,7 +9,7 @@ import React from 'react';
 import { EuiPanel, EuiToolTip } from '@elastic/eui';
 import { CheckBoxField } from '@kbn/es-ui-shared-plugin/static/forms/components';
 import { UseField, useFormData } from '../../../../shared_imports';
-import { SuppressionDurationSelector } from './suppression_duration_selector';
+import { ThresholdSuppressionDurationSelector } from './threshold_suppression_duration_selector';
 import { THRESHOLD_ALERT_SUPPRESSION_ENABLED } from './fields';
 import * as i18n from './translations';
 
@@ -44,7 +44,7 @@ export function ThresholdAlertSuppressionEdit({
         }}
       />
       <EuiPanel paddingSize="m" hasShadow={false}>
-        <SuppressionDurationSelector disabled={!suppressionEnabled || disabled} />
+        <ThresholdSuppressionDurationSelector disabled={!suppressionEnabled || disabled} />
       </EuiPanel>
     </>
   );
diff --git a/x-pack/plugins/security_solution/public/detection_engine/rule_creation/components/alert_suppression_edit/threshold_suppression_duration_selector.tsx b/x-pack/plugins/security_solution/public/detection_engine/rule_creation/components/alert_suppression_edit/threshold_suppression_duration_selector.tsx
index 26c95b40ba700..91976da427c3e 100644
--- a/x-pack/plugins/security_solution/public/detection_engine/rule_creation/components/alert_suppression_edit/threshold_suppression_duration_selector.tsx
+++ b/x-pack/plugins/security_solution/public/detection_engine/rule_creation/components/alert_suppression_edit/threshold_suppression_duration_selector.tsx
@@ -13,6 +13,7 @@ import { AlertSuppressionDurationType } from '../../../../detections/pages/detec
 import { DurationInput } from '../duration_input';
 import {
   ALERT_SUPPRESSION_DURATION,
+  ALERT_SUPPRESSION_DURATION_TYPE,
   ALERT_SUPPRESSION_DURATION_UNIT,
   ALERT_SUPPRESSION_DURATION_VALUE,
 } from './fields';
@@ -22,16 +23,21 @@ interface AlertSuppressionDurationProps {
   disabled?: boolean;
 }
 
-export function SuppressionDurationSelector({
+export function ThresholdSuppressionDurationSelector({
   disabled,
 }: AlertSuppressionDurationProps): JSX.Element {
   return (
     <EuiFormRow data-test-subj="alertSuppressionDuration">
       <UseMultiFields<{
+        suppressionDurationType: string;
         suppressionDurationValue: number | undefined;
         suppressionDurationUnit: string;
       }>
         fields={{
+          suppressionDurationType: {
+            path: ALERT_SUPPRESSION_DURATION_TYPE,
+            defaultValue: AlertSuppressionDurationType.PerTimePeriod,
+          },
           suppressionDurationValue: {
             path: `${ALERT_SUPPRESSION_DURATION}.${ALERT_SUPPRESSION_DURATION_VALUE}`,
           },