diff --git a/app/templates/book/components/sub_collection_preview_content.html b/app/templates/book/components/sub_collection_preview_content.html
index 909bddc..f07b148 100644
--- a/app/templates/book/components/sub_collection_preview_content.html
+++ b/app/templates/book/components/sub_collection_preview_content.html
@@ -20,7 +20,10 @@
     <div class="flex w-full mb-1 dark:text-gray-100 flex-col">
       <!-- prettier-ignore -->
       <a href="{{url_for('book.interpretation_view', book_id=book.id, section_id=section.copy_of or section.id)}}">
-      <p id="section-{{section.label}}" class="my-3">{{ section.label }}</p></a>
+        <p id="section-{{section.label}}" class="my-3">
+          {{ section.label }}
+        </p>
+      </a>
       {% if not section.active_interpretations %}
       <p class="ml-3 my-3 italic text-sm">This section is empty</p>
       {% else %}
diff --git a/app/templates/home/index.html b/app/templates/home/index.html
index 2f2831f..43bc69c 100644
--- a/app/templates/home/index.html
+++ b/app/templates/home/index.html
@@ -41,75 +41,73 @@
     Interpretations not found!
   </p>
   {% endif %}
-    {% for interpretation in interpretations %}
-    <!-- prettier-ignore -->
-          <dl class="bg-white dark:bg-gray-900 max-w-full p-3 text-gray-900 divide-y divide-gray-200 dark:text-white dark:divide-gray-700 m-3 border-2 border-gray-200 border-solid rounded-lg dark:border-gray-700">
-            <div class="flex flex-row pb-3 p-3">
-              <div class="vote-block flex flex-col m-5 justify-center items-center">
-                <div class="vote-button cursor-pointer" data-vote-for="interpretation" data-entity-id="{{ interpretation.id }}" data-positive="true">
-                  <svg class="w-6 h-6 select-none
-                  {% if interpretation.current_user_vote %}
-                    stroke-green-500
-                  {% endif %}
-                  " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" > <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18" /> </svg>
-                </div>
+  {% for interpretation in interpretations %}
+  <!-- prettier-ignore -->
+    <dl class="bg-white dark:bg-gray-900 max-w-full p-3 text-gray-900 divide-y divide-gray-200 dark:text-white dark:divide-gray-700 m-3 border-2 border-gray-200 border-solid rounded-lg dark:border-gray-700">
+      <div class="flex flex-row pb-3 p-3">
+        <div class="vote-block flex flex-col m-5 justify-center items-center">
+          <div class="vote-button cursor-pointer" data-vote-for="interpretation" data-entity-id="{{ interpretation.id }}" data-positive="true">
+            <svg class="w-6 h-6 select-none
+            {% if interpretation.current_user_vote %}
+              stroke-green-500
+            {% endif %}
+            " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" > <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18" /> </svg>
+          </div>
 
+          <span
+            class="vote-count text-3xl select-none
+              {% if interpretation.vote_count < 0 %}
+                text-red-500
+              {% elif interpretation.vote_count > 0 %}
+                text-green-500
+              {% endif %}
+            "
+          >
+            {{ interpretation.vote_count }}
+          </span>
 
-                <span
-                  class="vote-count text-3xl select-none
-                    {% if interpretation.vote_count < 0 %}
-                      text-red-500
-                    {% elif interpretation.vote_count > 0 %}
-                      text-green-500
-                    {% endif %}
-                  "
-                >
-                  {{ interpretation.vote_count }}
-                </span>
-
-
-                <div class="vote-button cursor-pointer" data-vote-for="interpretation" data-entity-id="{{ interpretation.id }}" data-positive="false">
-                  <svg class="w-6 h-6 select-none
-                  {% if interpretation.current_user_vote == False %}
-                    stroke-red-500
-                  {% endif %}
-                  " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 13.5L12 21m0 0l-7.5-7.5M12 21V3" /> </svg>
-                </div>
-              </div>
-              <!-- prettier-ignore -->
-              <dt class="flex w-full mb-1 text-gray-500 md:text-lg dark:text-gray-400 flex-col">
-                <div class="ql-snow">
-                  {% set local_breadcrumbs = interpretation.section.breadcrumbs_path %}
-                  {% include 'book/local_breadcrumbs_navigation.html'%}
-                    <p>{{ interpretation.section.label }}</p>
-                  </a>
-                  <div class="dark:text-white h-30 ql-editor-readonly">
-                    <p>{{ display_inline_elements(interpretation.text)|safe }}</p>
-                  </div>
-                </div>
-                <div class="flex mt-auto align-center justify-between md:w-full border-t border-gray-200 dark:border-gray-700">
-                  <div>
-                    <span class="hidden md:inline-block">Interpretation by</span>
-                     <a href="{{url_for('user.profile',user_id=interpretation.user.id)}}" class=" text-blue-500 {% if interpretation.user.is_deleted %}line-through{% endif %}">{{interpretation.user.username}}</a> on {{interpretation.created_at.strftime('%B %d, %Y')}}
-                  </div>
-                  <div class="flex ml-auto justify-between w-24">
-                    <button data-tooltip-target="tooltip-click" data-tooltip-trigger="click" id="copyLinkButton" type="button" class="hover:dark:text-white hover:text-black focus:ring-2 rounded-full font-medium text-sm p-2.5 text-center inline-flex items-center dark:hover:text-white" data-link="{{ build_qa_url(interpretation) }}">
-                      {% include 'icons/share_btn.html' %}
-                    </button>
-                    <div id="tooltip-click" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700"> Link copied! <div class="tooltip-arrow" data-popper-arrow></div> </div>
-                    <div class="space-x-0.5 flex items-center">
-                      <a class="!cursor-pointer text-no-underline flex items-center" href="{{ build_qa_url(interpretation) }}" >
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 01.865-.501 48.172 48.172 0 003.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" /> </svg>
-                        <p>{{interpretation.active_comments | length}}</p>
-                      </a>
-                    </div>
-                  </div>
-                </div>
-              </dt>
+          <div class="vote-button cursor-pointer" data-vote-for="interpretation" data-entity-id="{{ interpretation.id }}" data-positive="false">
+            <svg class="w-6 h-6 select-none
+            {% if interpretation.current_user_vote == False %}
+              stroke-red-500
+            {% endif %}
+            " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 13.5L12 21m0 0l-7.5-7.5M12 21V3" /> </svg>
+          </div>
+        </div>
+        <!-- prettier-ignore -->
+        <dt class="flex w-full mb-1 text-gray-500 md:text-lg dark:text-gray-400 flex-col">
+          <div class="ql-snow">
+            {% set local_breadcrumbs = interpretation.section.breadcrumbs_path %}
+            {% include 'book/local_breadcrumbs_navigation.html'%}
+            <a href="{{url_for('book.interpretation_view', book_id=interpretation.section.version.book.id, section_id=interpretation.section.id)}}">
+              <p>{{ interpretation.section.label }}</p>
+            </a>
+            <div class="dark:text-white h-30 ql-editor-readonly">
+              <p>{{ display_inline_elements(interpretation.text)|safe }}</p>
             </div>
-          </dl>
-
-    {% endfor %}
+          </div>
+          <div class="flex mt-auto align-center justify-between md:w-full border-t border-gray-200 dark:border-gray-700">
+            <div>
+              <span class="hidden md:inline-block">Interpretation by</span>
+                <a href="{{url_for('user.profile',user_id=interpretation.user.id)}}" class=" text-blue-500 {% if interpretation.user.is_deleted %}line-through{% endif %}">{{interpretation.user.username}}</a> on {{interpretation.created_at.strftime('%B %d, %Y')}}
+            </div>
+            <div class="flex ml-auto justify-between w-24">
+              <button data-tooltip-target="tooltip-click" data-tooltip-trigger="click" id="copyLinkButton" type="button" class="hover:dark:text-white hover:text-black focus:ring-2 rounded-full font-medium text-sm p-2.5 text-center inline-flex items-center dark:hover:text-white" data-link="{{ build_qa_url(interpretation) }}">
+                {% include 'icons/share_btn.html' %}
+              </button>
+              <div id="tooltip-click" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700"> Link copied! <div class="tooltip-arrow" data-popper-arrow></div> </div>
+              <div class="space-x-0.5 flex items-center">
+                <a class="!cursor-pointer text-no-underline flex items-center" href="{{ build_qa_url(interpretation) }}" >
+                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 01.865-.501 48.172 48.172 0 003.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" /> </svg>
+                  <p>{{interpretation.active_comments | length}}</p>
+                </a>
+              </div>
+            </div>
+          </div>
+        </dt>
+      </div>
+    </dl>
+  {% endfor %}
 {% if current_user.is_authenticated and page.pages > 1 %}
   <div class="container content-center mt-3 flex bg-white dark:bg-gray-800">
     <nav aria-label="Page navigation example" class="mx-auto">