diff --git a/app/templates/book/collection_view.html b/app/templates/book/collection_view.html
index 355f7b8..3d51410 100644
--- a/app/templates/book/collection_view.html
+++ b/app/templates/book/collection_view.html
@@ -97,7 +97,7 @@
         {% endif %}
     </div>
     <!-- prettier-ignore -->
-    <div id="accordion-collapse-body-{{collection.id}}" class="hidden" aria-labelledby="accordion-collapse-heading-{{collection.id}}">
+    <div id="accordion-collapse-body-{{collection.id}}" class="hidden" aria-labelledby="accordion-collapse-heading-{{collection.id}}" >
       {{recursive_render("book/components/sub_collection_tab_content.html",collection,book)|safe}}
     </div>
     {% endfor %}
diff --git a/app/templates/book/components/sub_collection_tab_content.html b/app/templates/book/components/sub_collection_tab_content.html
index 1447739..aa0ef38 100644
--- a/app/templates/book/components/sub_collection_tab_content.html
+++ b/app/templates/book/components/sub_collection_tab_content.html
@@ -96,8 +96,10 @@
     id="draggableSectionItems"
     data-collection-id="{{collection.id}}">
     <!-- here comes for loop for all section in this collection-->
-    {% for section in collection.active_sections %} {% include
-    'book/components/section_tab_content.html' %} {% endfor %}
+    {% for section in collection.active_sections %}
+    <!-- prettier-ignore -->
+    {% include 'book/components/section_tab_content.html' %}
+    {% endfor %}
   </div>
   {% endif %}
 </div>