diff --git a/resources/js/components/FormSwitch.vue b/resources/js/components/FormSwitch.vue
index 265bce52..78f69206 100644
--- a/resources/js/components/FormSwitch.vue
+++ b/resources/js/components/FormSwitch.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="field">
-        <label for="fieldName" class="label" v-html="label"></label>
-        <input id="fieldName" type="checkbox" name="fieldName" class="switch is-thin is-info" v-model="form[fieldName]">
-        <label for="fieldName" class="label"></label>
+        <label :for="fieldName" class="label" v-html="label"></label>
+        <input :id="fieldName" type="checkbox" :name="fieldName" class="switch is-thin is-info" v-model="form[fieldName]">
+        <label :for="fieldName" class="label"></label>
         <p class="help" v-html="help" v-if="help"></p>
     </div>
 </template>