diff --git a/client/src/components/input/CheckBox.vue b/client/src/components/input/CheckBox.vue
index 8738759..7acf78a 100644
--- a/client/src/components/input/CheckBox.vue
+++ b/client/src/components/input/CheckBox.vue
@@ -1,13 +1,6 @@
 <script setup lang="ts">
-const props = withDefaults(defineProps<{
-  modelValue: boolean
-}>(), {
-  modelValue: false,
-});
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: boolean): void,
-}>();
+const props = withDefaults(defineProps<{ modelValue: boolean}>(), { modelValue: false });
+const emit = defineEmits<{(e: 'update:modelValue', value: boolean): void}>();
 
 let modelValue = $ref(false);
 watch(() => props.modelValue, (val) => { if (val !== modelValue) modelValue = val; });
@@ -15,14 +8,12 @@ watch($$(modelValue), (val) => emit('update:modelValue', val));
 </script>
 
 <template>
-  <div @click="() => modelValue = !modelValue">
+  <div @click="() => modelValue = !modelValue" @keypress="() => modelValue = !modelValue" tabindex="0">
     <i-material-symbols-check-box-outline v-if="modelValue"/>
     <i-material-symbols-check-box-outline-blank v-else/>
   </div>
-</template>
+</template>  
 
 <style scoped>
-div {
-  cursor: pointer;
-}
+div { cursor: pointer; }
 </style>
\ No newline at end of file