diff --git a/frontend/src/components/dirent-grid-view/dirent-grid-item.js b/frontend/src/components/dirent-grid-view/dirent-grid-item.js
index 4ef8c1a0a4..a432dda3a5 100644
--- a/frontend/src/components/dirent-grid-view/dirent-grid-item.js
+++ b/frontend/src/components/dirent-grid-view/dirent-grid-item.js
@@ -117,7 +117,7 @@ class DirentGridItem extends React.Component {
     dragStartItemData = JSON.stringify(dragStartItemData);
 
     e.dataTransfer.effectAllowed = 'move';
-    e.dataTransfer.setData('applicaiton/drag-item-info', dragStartItemData);
+    e.dataTransfer.setData('application/drag-item-info', dragStartItemData);
   };
 
   onGridItemDragEnter = (e) => {
@@ -152,7 +152,7 @@ class DirentGridItem extends React.Component {
     if (e.dataTransfer.files.length) { // uploaded files
       return;
     }
-    let dragStartItemData = e.dataTransfer.getData('applicaiton/drag-item-info');
+    let dragStartItemData = e.dataTransfer.getData('application/drag-item-info');
     dragStartItemData = JSON.parse(dragStartItemData);
     let { nodeDirent, nodeParentPath } = dragStartItemData;
     let dropItemData = this.props.dirent;
diff --git a/frontend/src/components/dirent-list-view/dirent-list-item.js b/frontend/src/components/dirent-list-view/dirent-list-item.js
index e9e2812be0..ccd6a8cc9d 100644
--- a/frontend/src/components/dirent-list-view/dirent-list-item.js
+++ b/frontend/src/components/dirent-list-view/dirent-list-item.js
@@ -505,7 +505,7 @@ class DirentListItem extends React.Component {
         return dragStartItemData;
       });
       selectedList = JSON.stringify(selectedList);
-      e.dataTransfer.setData('applicaiton/drag-item-info', selectedList);
+      e.dataTransfer.setData('application/drag-item-info', selectedList);
       return ;
     }
 
@@ -517,7 +517,7 @@ class DirentListItem extends React.Component {
     let dragStartItemData = { nodeDirent: this.props.dirent, nodeParentPath: this.props.path, nodeRootPath: nodeRootPath };
     dragStartItemData = JSON.stringify(dragStartItemData);
 
-    e.dataTransfer.setData('applicaiton/drag-item-info', dragStartItemData);
+    e.dataTransfer.setData('application/drag-item-info', dragStartItemData);
   };
 
   onItemDragEnter = (e) => {
@@ -565,7 +565,7 @@ class DirentListItem extends React.Component {
     } else {
       return;
     }
-    let dragStartItemData = e.dataTransfer.getData('applicaiton/drag-item-info');
+    let dragStartItemData = e.dataTransfer.getData('application/drag-item-info');
     dragStartItemData = JSON.parse(dragStartItemData);
     if (Array.isArray(dragStartItemData)) { // move items
       let direntPaths = dragStartItemData.map(draggedItem => {
diff --git a/frontend/src/components/dirent-list-view/dirent-list-view.js b/frontend/src/components/dirent-list-view/dirent-list-view.js
index ee683a950e..f83c5f903b 100644
--- a/frontend/src/components/dirent-list-view/dirent-list-view.js
+++ b/frontend/src/components/dirent-list-view/dirent-list-view.js
@@ -554,7 +554,7 @@ class DirentListView extends React.Component {
     if (e.dataTransfer.files.length) { // uploaded files
       return;
     }
-    let dragStartItemData = e.dataTransfer.getData('applicaiton/drag-item-info');
+    let dragStartItemData = e.dataTransfer.getData('application/drag-item-info');
     dragStartItemData = JSON.parse(dragStartItemData);
 
     let { nodeDirent, nodeParentPath, nodeRootPath } = dragStartItemData;
diff --git a/frontend/src/components/tree-view/tree-view.js b/frontend/src/components/tree-view/tree-view.js
index 5d8299962b..292c1ec99a 100644
--- a/frontend/src/components/tree-view/tree-view.js
+++ b/frontend/src/components/tree-view/tree-view.js
@@ -56,7 +56,7 @@ class TreeView extends React.Component {
     dragStartNodeData = JSON.stringify(dragStartNodeData);
 
     e.dataTransfer.effectAllowed = 'move';
-    e.dataTransfer.setData('applicaiton/drag-item-info', dragStartNodeData);
+    e.dataTransfer.setData('application/drag-item-info', dragStartNodeData);
   };
 
   onNodeDragEnter = (e, node) => {
@@ -106,7 +106,7 @@ class TreeView extends React.Component {
     if (e.dataTransfer.files.length) { // uploaded files
       return;
     }
-    let dragStartNodeData = e.dataTransfer.getData('applicaiton/drag-item-info');
+    let dragStartNodeData = e.dataTransfer.getData('application/drag-item-info');
     if (!dragStartNodeData) return;
     dragStartNodeData = JSON.parse(dragStartNodeData);
 
diff --git a/frontend/src/metadata/metadata-tree-view/view-item/index.js b/frontend/src/metadata/metadata-tree-view/view-item/index.js
index 15f14c33be..02a65591e2 100644
--- a/frontend/src/metadata/metadata-tree-view/view-item/index.js
+++ b/frontend/src/metadata/metadata-tree-view/view-item/index.js
@@ -92,7 +92,7 @@ const ViewItem = ({
     if (!canDrop) return false;
     const dragData = JSON.stringify({ type: 'sf-metadata-view', view_id: view._id });
     event.dataTransfer.effectAllowed = 'move';
-    event.dataTransfer.setData('applicaiton/drag-sf-metadata-view-info', dragData);
+    event.dataTransfer.setData('application/drag-sf-metadata-view-info', dragData);
   }, [canDrop, view]);
 
   const onDragEnter = useCallback((event) => {
@@ -114,7 +114,7 @@ const ViewItem = ({
     event.stopPropagation();
     setDropShow(false);
 
-    let dragData = event.dataTransfer.getData('applicaiton/drag-sf-metadata-view-info');
+    let dragData = event.dataTransfer.getData('application/drag-sf-metadata-view-info');
     if (!dragData) return;
     dragData = JSON.parse(dragData);
     if (dragData.type !== 'sf-metadata-view') return false;