diff --git a/packages/client/src/components/MkUserInfo.vue b/packages/client/src/components/MkUserInfo.vue
index 6992c630b3..9229993341 100644
--- a/packages/client/src/components/MkUserInfo.vue
+++ b/packages/client/src/components/MkUserInfo.vue
@@ -144,8 +144,8 @@ const collapsed = ref(isLong.value);
 			inset-inline-start: 12px;
 			padding: 4px 8px;
 			color: #fff;
-			background: rgba(0, 0, 0, 0.7);
-			font-size: 0.7em;
+			background: var(--accent);
+			font-size: 1em;
 			border-radius: 6px;
 		}
 		&.detailed::after {