diff --git a/resources/js/components/PostItem.vue b/resources/js/components/PostItem.vue
index 410c2d4..fed5105 100644
--- a/resources/js/components/PostItem.vue
+++ b/resources/js/components/PostItem.vue
@@ -1,5 +1,5 @@
 <template>
-    <li class="md:inline-block mx-6 md:mx-4 my-4 relative text-left post" :post-id="post.id">
+    <div class="md:inline-block mx-6 md:mx-4 my-4 relative text-left post" :post-id="post.id">
         <PostItemLink
             v-if="post.type === 'link'"
             :post="post"
@@ -18,7 +18,7 @@
             <span class="px-1 bg-orange-200 float-right">o:{{ post.order }}</span>
         </div>
         <ContextMenu :post-id="post.id" />
-    </li>
+    </div>
 </template>
 <script>
 import { mapState } from 'vuex'
diff --git a/resources/js/components/pages/Collection.vue b/resources/js/components/pages/Collection.vue
index ef4be38..10d05a4 100644
--- a/resources/js/components/pages/Collection.vue
+++ b/resources/js/components/pages/Collection.vue
@@ -5,12 +5,12 @@
                 <Draggable
                     v-if="!isLoading"
                     v-model="posts"
-                    tag="ol"
+                    tag="div"
                     :disabled="isUpdating"
                     :delay="90"
                     :delay-on-touch-only="true"
                     v-bind="{ animation: 200 }"
-                    class="pt-4 pb-16"
+                    class="pt-4 pb-16 grid grid-cols-3"
                     @start="drag = true"
                     @end="dragged">
                     <transition-group name="grid-fade">
@@ -22,9 +22,9 @@
                             :permission="permission" />
                     </transition-group>
                 </Draggable>
-                <ul v-else>
+                <div v-else>
                     <Post v-for="post in posts" :key="post.id" :post="post" />
-                </ul>
+                </div>
             </transition>
         </div>
         <CollectionMenu v-if="collectionMenu.isVisible" />