diff --git a/app/templates/book/components/sub_collection_tab_content.html b/app/templates/book/components/sub_collection_tab_content.html
index bf97faf..582e9d8 100644
--- a/app/templates/book/components/sub_collection_tab_content.html
+++ b/app/templates/book/components/sub_collection_tab_content.html
@@ -1,4 +1,4 @@
-<div class="ml-6" data-dnd="dnd-sub-collection">
+<div class="ml-6">
   {% if not collection.is_leaf %}
   <!-- if collection has sub_collection make for loop for it -->
   <!-- Nested accordion -->
@@ -7,7 +7,8 @@
   <div
     id="accordion-nested-collapse"
     data-accordion="open"
-    data-sub-collection-id="{{sub_collection.id}}">
+    data-sub-collection-id="{{sub_collection.id}}"
+    data-dnd="dnd-sub-collection">
     <!-- prettier-ignore -->
     <div class="flex items-center justify-start w-full font-medium text-left text-gray-500 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:text-gray-400">
       <button
diff --git a/src/drag_and_drop.ts b/src/drag_and_drop.ts
index 102509d..db8dd35 100644
--- a/src/drag_and_drop.ts
+++ b/src/drag_and_drop.ts
@@ -16,8 +16,8 @@ export function initDnD() {
       animation: 100,
       onEnd: function (/**Event*/ evt) {
         var itemEl = evt.item; // dragged HTMLElement
-        console.log('evt.to', evt.to.getAttribute('data-collection-id'));
-        console.log('evt.to', evt.to.getAttribute('data-sub-collection-id'));
+        console.log('we moved sub_collection', itemEl);
+
         evt.to; // target list
         console.log('evt.from', evt.from.getAttribute('data-collection-id'));
         console.log(