diff --git a/frontend/src/index.jsx b/frontend/src/index.jsx
index 8a5049b..abdf395 100644
--- a/frontend/src/index.jsx
+++ b/frontend/src/index.jsx
@@ -859,9 +859,6 @@ const DetailPanel = ({
 
   return (
     <aside className="detail-panel column">
-      <div className="column-header">
-        <h2>Details</h2>
-      </div>
       <div className="column-body scrollable">
         {selectedCount <= 1 ? renderSingle() : renderBulk()}
       </div>
@@ -2105,12 +2102,16 @@ const AppLayout = () => {
 
 
   const handleDocumentDragStart = useCallback(
-    (event, documentId) => {
-      const selection = selectedDocumentIds.includes(documentId)
-        ? selectedDocumentIds
-        : [documentId];
+    (event, documentOrId) => {
+      const documentId = typeof documentOrId === 'string' ? documentOrId : documentOrId?.id;
+      if (!documentId) {
+        return;
+      }
 
-      if (!selectedDocumentIds.includes(documentId)) {
+      const isAlreadySelected = selectedDocumentIds.includes(documentId);
+      const selection = isAlreadySelected ? [...selectedDocumentIds] : [documentId];
+
+      if (!isAlreadySelected) {
         applySelection([documentId], {
           anchor: documentId,
           interactedIds: [documentId],
@@ -3509,7 +3510,7 @@ const AppLayout = () => {
       setLoading(true);
       try {
         if (unique.length === 1) {
-          await api.patch(`/documents/${unique[0]}/folder`, { folder_id: target });
+          await api.patch(`/documents/${unique[0].id}/folder`, { folder_id: target });
         } else {
           await api.post('/documents/bulk/move', {
             document_ids: unique,
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index c67709c..49c8846 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -1144,7 +1144,7 @@ button.icon-button.ghost:hover:not([disabled]) {
 
 .preview-stack--stacked {
   width: 100%;
-  min-height: 420px;
+  min-height: 320px;
   flex-shrink: 0;
 }