diff --git a/package.json b/package.json
index 105f078fb..b4a59023c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.0.7.10",
+	"version": "13.0.7.11",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/MkNoteHeader.vue b/packages/client/src/components/MkNoteHeader.vue
index 1cf911f10..9e0a4013c 100644
--- a/packages/client/src/components/MkNoteHeader.vue
+++ b/packages/client/src/components/MkNoteHeader.vue
@@ -1,9 +1,10 @@
 <template>
 <header class="kkwtjztg">
 	<MkA v-user-preview="note.user.id" class="name" :to="userPage(note.user)">
-		<MkUserName :user="note.user"/>
+		<MkUserName :user="note.user" class="mkusername">
+			<span v-if="note.user.isBot" class="is-bot">bot</span>
+		</MkUserName>
 	</MkA>
-	<div v-if="note.user.isBot" class="is-bot">bot</div>
 	<div class="username"><MkAcct :user="note.user"/></div>
 	<div class="info">
 		<MkA class="created-at" :to="notePage(note)">
@@ -50,21 +51,21 @@ defineProps<{
 		text-decoration: none;
 		text-overflow: ellipsis;
 
+		>.mkusername >.is-bot {
+			flex-shrink: 0;
+			align-self: center;
+			margin: 0 .5em 0 0;
+			padding: 1px 6px;
+			font-size: 80%;
+			border: solid 0.5px var(--divider);
+			border-radius: 3px;
+		}
+
 		&:hover {
 			text-decoration: underline;
 		}
 	}
 
-	> .is-bot {
-		flex-shrink: 0;
-		align-self: center;
-		margin: 0 .5em 0 0;
-		padding: 1px 6px;
-		font-size: 80%;
-		border: solid 0.5px var(--divider);
-		border-radius: 3px;
-	}
-
 	> .username {
 		flex-shrink: 9999999;
 		margin: 0 .5em 0 0;