diff --git a/src/components/BlogList.svelte b/src/components/BlogList.svelte
index 9f306bf..f8fbb70 100644
--- a/src/components/BlogList.svelte
+++ b/src/components/BlogList.svelte
@@ -43,15 +43,13 @@
   let isFiltered = $derived(
     selectedTags && [...selectedTags.values()].includes(true),
   );
+  let listedPosts = $derived(posts.filter((p) => !p.data.unlisted));
   let filteredPosts = $derived(
     isFiltered
-      ? posts.filter(
-          (p) =>
-            !p.data.unlisted && p.data.tags.some((t) => selectedTags!.get(t)),
-        )
-      : posts.filter((p) => !p.data.unlisted),
+      ? listedPosts.filter((p) => p.data.tags.some((t) => selectedTags!.get(t)))
+      : listedPosts,
   );
-  let shownPosts = $derived(filteredPosts.toReversed());
+  let shownPosts = $derived([...filteredPosts].reverse());
 </script>
 
 <div class="lg:flex flex-row-reverse justify-between items-start">