diff --git a/assets/components/common/Toggle.vue b/assets/components/common/Toggle.vue
index 9bf8295e..ecff406b 100644
--- a/assets/components/common/Toggle.vue
+++ b/assets/components/common/Toggle.vue
@@ -1,11 +1,6 @@
 <template>
   <label class="label inline-flex cursor-pointer gap-4 font-normal">
-    <input
-      type="checkbox"
-      class="toggle toggle-primary hover:bg-primary-focus"
-      :checked="modelValue"
-      @click="toggle()"
-    />
+    <input type="checkbox" class="toggle toggle-primary hover:bg-primary-focus" v-model="modelValue" />
     <slot />
   </label>
 </template>
@@ -14,6 +9,4 @@
 const { modelValue } = defineModels<{
   modelValue: boolean;
 }>();
-
-const toggle = useToggle(modelValue);
 </script>