diff --git a/src/ui/src/components/core/input/CoreSwitchInput.vue b/src/ui/src/components/core/input/CoreSwitchInput.vue
index 0ab7f23a6..66c64c63e 100644
--- a/src/ui/src/components/core/input/CoreSwitchInput.vue
+++ b/src/ui/src/components/core/input/CoreSwitchInput.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script lang="ts">
-import { inject } from "vue";
+import { inject, watch } from "vue";
 import { ref } from "vue";
 import { FieldType } from "@/writerTypes";
 import {
@@ -29,7 +29,6 @@ import {
 	separatorColor,
 	cssClasses,
 } from "@/renderer/sharedStyleFields";
-import { onMounted } from "vue";
 import BaseInputWrapper from "../base/BaseInputWrapper.vue";
 import { ComponentPublicInstance } from "vue";
 
@@ -89,9 +88,13 @@ function handleToggle() {
 	handleInput(toggleValue.value, "wf-toggle");
 }
 
-onMounted(() => {
-	toggleValue.value = !!formValue.value;
-});
+watch(
+	formValue,
+	() => {
+		toggleValue.value = !!formValue.value;
+	},
+	{ immediate: true },
+);
 </script>
 
 <style scoped>