diff --git a/plugins/activity-resources/src/components/reactions/ReactionsTooltip.svelte b/plugins/activity-resources/src/components/reactions/ReactionsTooltip.svelte
index 1d46a32a1d..89a1ce6012 100644
--- a/plugins/activity-resources/src/components/reactions/ReactionsTooltip.svelte
+++ b/plugins/activity-resources/src/components/reactions/ReactionsTooltip.svelte
@@ -1,24 +1,12 @@
 <script lang="ts">
-  import { Person, PersonAccount, getName } from '@hcengineering/contact'
-  import { personAccountByIdStore, personByIdStore } from '@hcengineering/contact-resources'
-  import { Account, IdMap, Ref } from '@hcengineering/core'
-  import { getClient } from '@hcengineering/presentation'
+  import core, { Account, Ref } from '@hcengineering/core'
+  import { ObjectPresenter } from '@hcengineering/view-resources'
 
   export let reactionAccounts: Ref<Account>[]
-
-  const client = getClient()
-  function getAccName (acc: Ref<Account>, accounts: IdMap<PersonAccount>, employees: IdMap<Person>): string {
-    const account = accounts.get(acc as Ref<PersonAccount>)
-    if (account !== undefined) {
-      const emp = employees.get(account.person)
-      return emp ? getName(client.getHierarchy(), emp) : ''
-    }
-    return ''
-  }
 </script>
 
-{#each reactionAccounts as acc}
-  <div>
-    {getAccName(acc, $personAccountByIdStore, $personByIdStore)}
-  </div>
-{/each}
+<div class="m-2 flex-col flex-gap-2">
+  {#each reactionAccounts as acc}
+    <ObjectPresenter objectId={acc} _class={core.class.Account} disabled />
+  {/each}
+</div>