diff --git a/packages/backend/src/misc/reaction-lib.ts b/packages/backend/src/misc/reaction-lib.ts
index 7d78904bba..e25b2d6614 100644
--- a/packages/backend/src/misc/reaction-lib.ts
+++ b/packages/backend/src/misc/reaction-lib.ts
@@ -5,17 +5,17 @@ import { toPunyNullable } from "./convert-host.js";
 import { IsNull } from "typeorm";
 
 const legacies = new Map([
-	['like', '👍'],
-	['love', '❤️'],
-	['laugh', '😆'],
-	['hmm', '🤔'],
-	['surprise', '😮'],
-	['congrats', '🎉'],
-	['angry', '💢'],
-	['confused', '😥'],
-	['rip', '😇'],
-	['pudding', '🍮'],
-	['star', '⭐'],
+	["like", "👍"],
+	["love", "❤️"],
+	["laugh", "😆"],
+	["hmm", "🤔"],
+	["surprise", "😮"],
+	["congrats", "🎉"],
+	["angry", "💢"],
+	["confused", "😥"],
+	["rip", "😇"],
+	["pudding", "🍮"],
+	["star", "⭐"],
 ]);
 
 export async function getFallbackReaction() {
@@ -42,7 +42,10 @@ export function convertLegacyReactions(reactions: Record<string, number>) {
 		if (emoji) {
 			_reactions.set(emoji, (_reactions.get(emoji) || 0) + reactions[reaction]);
 		} else {
-			_reactions.set(reaction, (_reactions.get(reaction) || 0) + reactions[reaction]);
+			_reactions.set(
+				reaction,
+				(_reactions.get(reaction) || 0) + reactions[reaction],
+			);
 		}
 	}
 
@@ -127,7 +130,7 @@ export function decodeReaction(str: string): DecodedReaction {
 }
 
 export function convertLegacyReaction(reaction: string): string {
-  const decoded = decodeReaction(reaction).reaction;
-  if (legacies.has(decoded)) return legacies.get(decoded)!;
-  return decoded;
+	const decoded = decodeReaction(reaction).reaction;
+	if (legacies.has(decoded)) return legacies.get(decoded)!;
+	return decoded;
 }
diff --git a/packages/backend/src/server/api/endpoints/channels/followed.ts b/packages/backend/src/server/api/endpoints/channels/followed.ts
index f9e61222fc..993a211f7e 100644
--- a/packages/backend/src/server/api/endpoints/channels/followed.ts
+++ b/packages/backend/src/server/api/endpoints/channels/followed.ts
@@ -32,17 +32,23 @@ export const paramDef = {
 } as const;
 
 export default define(meta, paramDef, async (ps, me) => {
-	const query = ChannelFollowings.createQueryBuilder('following').andWhere({ followerId: me.id });
+	const query = ChannelFollowings.createQueryBuilder("following").andWhere({
+		followerId: me.id,
+	});
 	if (ps.sinceId) {
-		query.andWhere('following."followeeId" > :sinceId', { sinceId: ps.sinceId });
+		query.andWhere('following."followeeId" > :sinceId', {
+			sinceId: ps.sinceId,
+		});
 	}
 	if (ps.untilId) {
-		query.andWhere('following."followeeId" < :untilId', { untilId: ps.untilId });
+		query.andWhere('following."followeeId" < :untilId', {
+			untilId: ps.untilId,
+		});
 	}
 	if (ps.sinceId && !ps.untilId) {
-		query.orderBy('following."followeeId"', 'ASC');
+		query.orderBy('following."followeeId"', "ASC");
 	} else {
-		query.orderBy('following."followeeId"', 'DESC');
+		query.orderBy('following."followeeId"', "DESC");
 	}
 
 	const followings = await query.take(ps.limit).getMany();
diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue
index 8fa3edfe1e..3b844bd82d 100644
--- a/packages/client/src/components/global/MkPageHeader.vue
+++ b/packages/client/src/components/global/MkPageHeader.vue
@@ -1,35 +1,36 @@
 <template>
-	<div v-if="show" ref="el" class="fdidabkb" :class="{ slim: narrow, thin: thin_ }" :style="{ background: bg }" @click="onClick">
-		<div v-if="narrow" class="buttons left" @click="openAccountMenu">
-		<MkAvatar v-if="props.displayMyAvatar && $i" class="avatar" :user="$i" :disable-preview="true"/>
-	</div>
-	<template v-if="metadata">
-		<div v-if="!hideTitle" class="titleContainer" @click="showTabsPopup">
-			<MkAvatar v-if="metadata.avatar" class="avatar" :user="metadata.avatar" :disable-preview="true" :show-indicator="true"/>
-				<i v-else-if="metadata.icon && !narrow" class="icon" :class="metadata.icon"></i>
-
-				<div class="title">
-					<MkUserName v-if="metadata.userName" :user="metadata.userName" :nowrap="true" class="title"/>
-					<div v-else-if="metadata.title && !(tabs != null && tabs.length > 0 && narrow)" class="title">{{ metadata.title }}</div>
-					<div v-if="!narrow && metadata.subtitle" class="subtitle">
-						{{ metadata.subtitle }}
-					</div>
-				</div>
-			</div>
-			<div ref="tabsEl" v-if="hasTabs" class="tabs">
-				<button v-for="tab in tabs" :ref="(el) => tabRefs[tab.key] = el" v-tooltip.noDelay="tab.title" class="tab _button" :class="{ active: tab.key != null && tab.key === props.tab }" @mousedown="(ev) => onTabMousedown(tab, ev)" @click="(ev) => onTabClick(tab, ev)">
-					<i v-if="tab.icon" class="icon" :class="tab.icon"></i>
-					<span class="title">{{ tab.title }}</span>
-				</button>
-				<div ref="tabHighlightEl" class="highlight"></div>
-			</div>
-		</template>
-		<div class="buttons right">
-			<template v-for="action in actions">
-				<button v-tooltip.noDelay="action.text" class="_button button" :class="{ highlighted: action.highlighted }" @click.stop="action.handler" @touchstart="preventDrag"><i :class="action.icon"></i></button>
-			</template>
-		</div>
-	</div>
+  <div ref="el" class="fdidabkb" :class="classes" :style="{ background: bg }" @click="onClick">
+    <div v-show="narrow" class="buttons left" @click="openAccountMenu">
+      <MkAvatar v-if="displayMyAvatar && user" class="avatar" :user="user" :disable-preview="true"/>
+    </div>
+    <template v-if="hasTabs">
+      <div v-show="!hideTitle" class="titleContainer" @click="showTabsPopup">
+        <MkAvatar v-if="metadata.avatar" class="avatar" :user="metadata.avatar" :disable-preview="true" :show-indicator="true"/>
+        <i v-else-if="metadata.icon && !narrow" class="icon" :class="metadata.icon"></i>
+        <div class="title">
+          <MkUserName v-if="metadata.userName" :user="metadata.userName" :nowrap="true" class="title"/>
+          <div v-else-if="metadata.title && !hasTabs && !narrow" class="title">{{ metadata.title }}</div>
+          <div v-show="!narrow && metadata.subtitle" class="subtitle">{{ metadata.subtitle }}</div>
+        </div>
+      </div>
+      <div ref="tabsEl" class="tabs" v-show="hasTabs">
+        <button v-for="tab in tabs" :key="tab.key" ref="tabRefs[tab.key]" v-tooltip.noDelay="tab.title"
+          class="tab _button" :class="{ active: isActiveTab(tab) }" @mousedown="onTabMousedown(tab)"
+          @click="onTabClick(tab)">
+          <i v-if="tab.icon && !tab.iconOnly" class="icon" :class="tab.icon"></i>
+          <span class="title">{{ tab.title }}</span>
+        </button>
+        <div ref="tabHighlightEl" class="highlight"></div>
+      </div>
+    </template>
+    <div v-show="hasActions" class="buttons right">
+      <button v-for="(action, index) in actions" :key="index" v-tooltip.noDelay="action.text"
+        class="_button button" :class="{ highlighted: action.highlighted }" @click.stop="action.handler"
+        @touchstart="preventDrag">
+        <i :class="action.icon"></i>
+      </button>
+    </div>
+  </div>
 </template>
 
 <script lang="ts" setup>