Hey there, I'm facing a small issue. Whenever I click on the areas highlighted in the image, the checkbox on the left gets marked as well. Any idea why this might be happening? https://i.stack.imgur.com/nqFip.png
<div class="form-check my-5">
<input
class="form-check-input border-2 border-rectangle"
type="checkbox"
:required="required"
id="checkbox"
v-model="value"
@change="$emit('select', value)"
/>
<label v-if="label" class="form-check-label text-gray-800" for="checkbox"> {{ label }}</label>