diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index ce9ba422b..9026116cb 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -202,11 +202,11 @@
 
           <template v-if="activePosts.length">
             <hc-post-card
-              v-for="(post, index) in activePosts"
+              v-for="post in activePosts"
               :key="post.id"
               :post="post"
               :width="{ base: '100%', md: '100%', xl: '50%' }"
-              @removePostFromList="activePosts.splice(index, 1)"
+              @removePostFromList="removePostFromList"
             />
           </template>
           <template v-else-if="$apollo.loading">
@@ -331,6 +331,10 @@ export default {
     },
   },
   methods: {
+    removePostFromList(index) {
+      this.activePosts.splice(index, 1)
+      this.$apollo.queries.User.refetch()
+    },
     handleTab(tab) {
       this.tabActive = tab
       this.Post = null