diff --git a/packages/frontend/src/components/global/CPAvatar-Friendly.vue b/packages/frontend/src/components/global/CPAvatar-Friendly.vue
index d58a0fb2e3..d2029fa767 100644
--- a/packages/frontend/src/components/global/CPAvatar-Friendly.vue
+++ b/packages/frontend/src/components/global/CPAvatar-Friendly.vue
@@ -4,34 +4,34 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-	<component :is="link ? MkA : 'span'" v-user-preview="preview ? user.id : undefined" v-bind="bound" class="_noSelect" :class="$style.root" :style="{ color }" :title="acct(user)" @click="onClick">
-		<MkImgWithBlurhash
-			:class="[$style.inner, { [$style.reduceBlurEffect]: !defaultStore.state.useBlurEffect, [$style.noDrag]: noDrag }]"
-			:src="url"
-			:hash="user.avatarBlurhash"
-			:cover="true"
-			:onlyAvgColor="true"
-			:noDrag="true"
-			@mouseover="defaultStore.state.showingAnimatedImages === 'interaction' ? playAnimation = true : ''"
-			@mouseout="defaultStore.state.showingAnimatedImages === 'interaction' ? playAnimation = false : ''"
-			@touchstart="defaultStore.state.showingAnimatedImages === 'interaction' ? playAnimation = true : ''"
-			@touchend="defaultStore.state.showingAnimatedImages === 'interaction' ? playAnimation = false : ''"
-		/>
-		<template v-if="showDecoration && defaultStore.state.friendlyShowAvatarDecorationsInNavBtn">
-			<img
-				v-for="decoration in decorations ?? user.avatarDecorations"
-				:class="[$style.decoration]"
-				:src="decoration.url"
-				:style="{
+<component :is="link ? MkA : 'span'" v-user-preview="preview ? user.id : undefined" v-bind="bound" class="_noSelect" :class="$style.root" :style="{ color }" :title="acct(user)" @click="onClick">
+	<MkImgWithBlurhash
+		:class="[$style.inner, { [$style.reduceBlurEffect]: !defaultStore.state.useBlurEffect, [$style.noDrag]: noDrag }]"
+		:src="url"
+		:hash="user.avatarBlurhash"
+		:cover="true"
+		:onlyAvgColor="true"
+		:noDrag="true"
+		@mouseover="defaultStore.state.showingAnimatedImages === 'interaction' ? playAnimation = true : ''"
+		@mouseout="defaultStore.state.showingAnimatedImages === 'interaction' ? playAnimation = false : ''"
+		@touchstart="defaultStore.state.showingAnimatedImages === 'interaction' ? playAnimation = true : ''"
+		@touchend="defaultStore.state.showingAnimatedImages === 'interaction' ? playAnimation = false : ''"
+	/>
+	<template v-if="showDecoration && defaultStore.state.friendlyShowAvatarDecorationsInNavBtn">
+		<img
+			v-for="decoration in decorations ?? user.avatarDecorations"
+			:class="[$style.decoration]"
+			:src="decoration.url"
+			:style="{
 				rotate: getDecorationAngle(decoration),
 				scale: getDecorationScale(decoration),
 				transform: getDecorationTransform(decoration),
 				opacity: getDecorationOpacity(decoration),
 			}"
-				alt=""
-			>
-		</template>
-	</component>
+			alt=""
+		>
+	</template>
+</component>
 </template>
 
 <script lang="ts" setup>