diff --git a/src/components/CustomDragLayer.tsx b/src/components/CustomDragLayer.tsx
index f59a080..a5be262 100644
--- a/src/components/CustomDragLayer.tsx
+++ b/src/components/CustomDragLayer.tsx
@@ -1,10 +1,11 @@
+import { TFile } from "obsidian";
 import { useDragLayer } from "react-dnd";
 
 const CustomDragLayer = () => {
 	const { isDragging, item, currentOffset } = useDragLayer((monitor) => ({
 		isDragging: monitor.isDragging(),
 		item: monitor.getItem(),
-		currentOffset: monitor.getSourceClientOffset(),
+		currentOffset: monitor.getClientOffset(),
 	}));
 
 	if (!isDragging || !currentOffset) {
@@ -18,10 +19,11 @@ const CustomDragLayer = () => {
 				pointerEvents: "none",
 				left: currentOffset.x,
 				top: currentOffset.y,
+				transform: "translate(-40px, -70px)",
 				fontSize: "20px",
 			}}
 		>
-			📄
+			{item instanceof TFile ? "📄" : "📁"}
 		</div>
 	);
 };