diff --git a/packages/core/src/blocks/ListItem/CheckListItem/block.ts b/packages/core/src/blocks/ListItem/CheckListItem/block.ts
index dd38189894..90dc510fbd 100644
--- a/packages/core/src/blocks/ListItem/CheckListItem/block.ts
+++ b/packages/core/src/blocks/ListItem/CheckListItem/block.ts
@@ -90,7 +90,10 @@ export const createCheckListItemBlockSpec = createBlockSpec(
       // schema.
       const paragraph = document.createElement("p");
 
-      dom.appendChild(checkbox);
+      const div = document.createElement("div");
+      div.contentEditable = "false";
+      div.appendChild(checkbox);
+      dom.appendChild(div);
       dom.appendChild(paragraph);
 
       return {
diff --git a/packages/core/src/editor/Block.css b/packages/core/src/editor/Block.css
index 1c21c06dc9..1fa12e2eae 100644
--- a/packages/core/src/editor/Block.css
+++ b/packages/core/src/editor/Block.css
@@ -240,7 +240,7 @@ NESTED BLOCKS
 }
 
 /* Checked */
-.bn-block-content[data-content-type="checkListItem"] > input {
+.bn-block-content[data-content-type="checkListItem"] > div > input {
   cursor: pointer;
   height: 24px;
   margin-left: 4px;