diff --git a/pkg/harvester/components/settings/default-vm-termination-grace-period-seconds.vue b/pkg/harvester/components/settings/default-vm-termination-grace-period-seconds.vue
index 0b7f7dcb..276e0a39 100644
--- a/pkg/harvester/components/settings/default-vm-termination-grace-period-seconds.vue
+++ b/pkg/harvester/components/settings/default-vm-termination-grace-period-seconds.vue
@@ -32,11 +32,11 @@ export default {
   >
     <div class="col span-12">
       <UnitInput
-        v-model:value="terminationGracePeriodSeconds"
+        v-model:value.number="terminationGracePeriodSeconds"
         :suffix="terminationGracePeriodSeconds === 1 ? 'Second' : 'Seconds'"
         :label="t('harvester.virtualMachine.terminationGracePeriodSeconds.label')"
         :mode="mode"
-        @input="update"
+        @update:value="update"
       />
     </div>
   </div>