diff --git a/src/components/tables/DataTable.vue b/src/components/tables/DataTable.vue
index 30e42813..98a36ef5 100644
--- a/src/components/tables/DataTable.vue
+++ b/src/components/tables/DataTable.vue
@@ -1021,10 +1021,10 @@ onMounted(() => {
                 >
                   <Checkbox
                     :data-cy="`table-toggle-check-${index}`"
-                    :value="isSelected(row[rowIdentifier])"
+                    :model-value="isSelected(row[rowIdentifier])"
                     color="primary"
                     hide-details
-                    @input="onSelect($event, row[rowIdentifier])"
+                    @update:model-value="onSelect($event, row[rowIdentifier])"
                   />
                 </td>
 
diff --git a/src/components/tables/TableHead.vue b/src/components/tables/TableHead.vue
index 8fbfd849..fd671782 100644
--- a/src/components/tables/TableHead.vue
+++ b/src/components/tables/TableHead.vue
@@ -166,11 +166,11 @@ function getSortDirection(key: TableColumn<T>['key']) {
         <Checkbox
           :disabled="disableCheckAll"
           :indeterminate="indeterminate"
-          :value="isAllSelected"
+          :model-value="isAllSelected"
           color="primary"
           data-cy="table-toggle-check-all"
           hide-details
-          @input="onToggleAll($event)"
+          @update:model-value="onToggleAll($event)"
         />
       </th>