diff --git a/packages/client/src/tiptap/core/extensions/katex.ts b/packages/client/src/tiptap/core/extensions/katex.ts
index afb1f71e..249de386 100644
--- a/packages/client/src/tiptap/core/extensions/katex.ts
+++ b/packages/client/src/tiptap/core/extensions/katex.ts
@@ -23,6 +23,7 @@ export const Katex = Node.create({
group: 'block',
selectable: true,
atom: true,
+ draggable: true,
addOptions() {
return {
diff --git a/packages/client/src/tiptap/core/wrappers/katex/index.tsx b/packages/client/src/tiptap/core/wrappers/katex/index.tsx
index bb7960b3..5f42e632 100644
--- a/packages/client/src/tiptap/core/wrappers/katex/index.tsx
+++ b/packages/client/src/tiptap/core/wrappers/katex/index.tsx
@@ -1,13 +1,12 @@
-import { NodeViewWrapper } from '@tiptap/react';
-import cls from 'classnames';
import { convertColorToRGBA } from 'helpers/color';
import { Theme, ThemeEnum } from 'hooks/use-theme';
import katex from 'katex';
import { useMemo } from 'react';
+import { DragableWrapper } from 'tiptap/core/wrappers/dragable';
import styles from './index.module.scss';
-export const KatexWrapper = ({ node }) => {
+export const KatexWrapper = ({ node, editor }) => {
const { text } = node.attrs;
const { theme } = Theme.useHook();
const backgroundColor = useMemo(() => {
@@ -35,14 +34,14 @@ export const KatexWrapper = ({ node }) => {
);
return (
-