diff --git a/components/account/AccountInfo.vue b/components/account/AccountInfo.vue
index b303b2a5..0e22be9e 100644
--- a/components/account/AccountInfo.vue
+++ b/components/account/AccountInfo.vue
@@ -21,7 +21,7 @@ defineOptions({
     </AccountHoverWrapper>
     <div flex="~ col" shrink overflow-hidden>
       <ContentRich font-bold :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" overflow-hidden truncate text-ellipsis />
-      <AccountHandle :account="account" text-sm overflow-hidden truncate text-ellipsis />
+      <AccountHandle :account="account" text-sm overflow-hidden truncate text-ellipsis text-secondary-light />
     </div>
   </component>
 </template>
diff --git a/pages/@[account]/index/index.vue b/pages/@[account]/index/index.vue
index ee6eb144..703eb861 100644
--- a/pages/@[account]/index/index.vue
+++ b/pages/@[account]/index/index.vue
@@ -49,7 +49,7 @@ const paginator = $computed(() => tabs.find(t => t.name === tab)!.paginator)
       <TimelinePaginator :key="tab" :paginator="paginator" />
     </KeepAlive>
   </div>
-  <div v-else h-30 flex="~ center" text-gray>
+  <div v-else h-30 flex="~ center" text-secondary-light>
     Profile unavailable
   </div>
 </template>