diff --git a/components/account/AccountFollowButton.vue b/components/account/AccountFollowButton.vue
index d109fe0f..7b79778e 100644
--- a/components/account/AccountFollowButton.vue
+++ b/components/account/AccountFollowButton.vue
@@ -8,7 +8,7 @@ const { account, command, context, ...props } = defineProps<{
   command?: boolean
 }>()
 
-const isSelf = useSelfAccount(() => account)
+const isSelf = $computed(() => currentUser.value?.account.id === account.id)
 const enable = $computed(() => !isSelf && currentUser.value)
 const relationship = $computed(() => props.relationship || useRelationship(account).value)
 
diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue
index c9760eb3..cddc3c3b 100644
--- a/components/account/AccountHeader.vue
+++ b/components/account/AccountHeader.vue
@@ -75,7 +75,7 @@ watchEffect(() => {
   iconFields.value = icons
 })
 
-const isSelf = useSelfAccount(() => account)
+const isSelf = $computed(() => currentUser.value?.account.id === account.id)
 </script>
 
 <template>
diff --git a/components/account/AccountMoreButton.vue b/components/account/AccountMoreButton.vue
index 7cf084db..d4dc271a 100644
--- a/components/account/AccountMoreButton.vue
+++ b/components/account/AccountMoreButton.vue
@@ -7,7 +7,7 @@ const { account } = defineProps<{
 }>()
 let relationship = $(useRelationship(account))
 
-const isSelf = $(useSelfAccount(() => account))
+const isSelf = $computed(() => currentUser.value?.account.id === account.id)
 
 const masto = useMasto()
 const toggleMute = async () => {