diff --git a/x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/min_age_input.tsx b/x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/min_age_input.tsx
index 2e70ef255524d5..6fcf35b7992896 100644
--- a/x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/min_age_input.tsx
+++ b/x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/min_age_input.tsx
@@ -212,7 +212,7 @@ export const MinAgeInput = <Phase extends PhaseWithMinAge>({
           <EuiFieldNumber
             id={`${phase}-${selectedMinimumAgeProperty}`}
             value={phaseData.selectedMinimumAge}
-            onChange={async (e) => {
+            onChange={(e) => {
               setPhaseData(selectedMinimumAgeProperty, e.target.value);
             }}
             min={0}
diff --git a/x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/phases/hot_phase/hot_phase.tsx b/x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/phases/hot_phase/hot_phase.tsx
index d25336aa5c379f..a9efc2b04f24b3 100644
--- a/x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/phases/hot_phase/hot_phase.tsx
+++ b/x-pack/plugins/index_lifecycle_management/public/application/sections/edit_policy/components/phases/hot_phase/hot_phase.tsx
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import React, { Fragment, FunctionComponent } from 'react';
+import React, { Fragment, FunctionComponent, useEffect } from 'react';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { i18n } from '@kbn/i18n';
 import {
@@ -12,8 +12,6 @@ import {
   EuiFlexItem,
   EuiSpacer,
   EuiFieldNumber,
-  EuiSwitch,
-  EuiFormRow,
   EuiDescribedFormGroup,
   EuiCallOut,
 } from '@elastic/eui';
@@ -136,6 +134,10 @@ export const HotPhase: FunctionComponent<{ setWarmPhaseOnRollover: (v: boolean)
   const form = useFormContext();
   const isShowingErrors = form.isValid === false;
 
+  useEffect(() => {
+    setWarmPhaseOnRollover(isRolloverEnabled);
+  }, [setWarmPhaseOnRollover, isRolloverEnabled]);
+
   return (
     <>
       <EuiDescribedFormGroup