diff --git a/blocksuite/affine/inlines/latex/src/latex-node/latex-node.ts b/blocksuite/affine/inlines/latex/src/latex-node/latex-node.ts
index 1bd35baf3a..5ddcd8833f 100644
--- a/blocksuite/affine/inlines/latex/src/latex-node/latex-node.ts
+++ b/blocksuite/affine/inlines/latex/src/latex-node/latex-node.ts
@@ -188,6 +188,8 @@ export class AffineLatexNode extends SignalWatcher(
     this._editorAbortController?.abort();
     this._editorAbortController = new AbortController();
 
+    blockComponent.selection.setGroup('note', []);
+
     const portal = createLitPortal({
       template: html`<latex-editor-menu
         .std=${this.std}
diff --git a/blocksuite/playground/package.json b/blocksuite/playground/package.json
index 664ca147d3..f5f8037f61 100644
--- a/blocksuite/playground/package.json
+++ b/blocksuite/playground/package.json
@@ -24,6 +24,7 @@
     "@types/katex": "^0.16.7",
     "browser-fs-access": "^0.37.0",
     "jszip": "^3.10.1",
+    "katex": "^0.16.11",
     "lit": "^3.2.0",
     "lz-string": "^1.5.0",
     "rxjs": "^7.8.1",
diff --git a/blocksuite/playground/style.css b/blocksuite/playground/style.css
index dced27776c..baebf30209 100644
--- a/blocksuite/playground/style.css
+++ b/blocksuite/playground/style.css
@@ -1,6 +1,8 @@
 @import '@toeverything/theme/style.css';
 @import '@toeverything/theme/fonts.css';
 
+@import 'katex/dist/katex.min.css';
+
 @font-face {
   font-family: 'color-emoji';
   src:
diff --git a/yarn.lock b/yarn.lock
index 02af70e151..51660e92d6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4355,6 +4355,7 @@ __metadata:
     browser-fs-access: "npm:^0.37.0"
     graphql: "npm:^16.9.0"
     jszip: "npm:^3.10.1"
+    katex: "npm:^0.16.11"
     lit: "npm:^3.2.0"
     lz-string: "npm:^1.5.0"
     magic-string: "npm:^0.30.11"