diff --git a/docs/docs/sandpack/code-deps.ts b/docs/docs/sandpack/code-deps.ts
index f1623994d3..aac5a91062 100644
--- a/docs/docs/sandpack/code-deps.ts
+++ b/docs/docs/sandpack/code-deps.ts
@@ -1,6 +1,7 @@
 import {
   cloudUiVersion,
   cloudVersion,
+  dndUiVersion,
   dndVersion,
   excalidrawVersion,
   juiceVersion,
@@ -32,7 +33,7 @@ export const cloudDeps = {
 
 export const dndDeps = {
   '@udecode/plate-dnd': dndVersion,
-  '@udecode/plate-ui-dnd': dndVersion,
+  '@udecode/plate-ui-dnd': dndUiVersion,
   'react-dnd': '15.1.2',
   'react-dnd-html5-backend': '15.1.3',
 };
diff --git a/docs/docs/sandpack/plate-versions.ts b/docs/docs/sandpack/plate-versions.ts
index d5f567a396..8a8daca542 100644
--- a/docs/docs/sandpack/plate-versions.ts
+++ b/docs/docs/sandpack/plate-versions.ts
@@ -6,3 +6,4 @@ export const selectionVersion = '19.7.0';
 export const cloudVersion = '19.7.0';
 export const cloudUiVersion = '19.7.0';
 export const dndVersion = '19.7.0';
+export const dndUiVersion = '19.7.0';