diff --git a/app/src/config/account.ts b/app/src/config/account.ts
index 2a914b707..bded9be15 100644
--- a/app/src/config/account.ts
+++ b/app/src/config/account.ts
@@ -85,7 +85,7 @@ ${genSVGBG()}
             if (window.siyuan.user.userTitles.length > 0) {
                 userTitlesHTML = '<div class="b3-chips" style="position: absolute">';
                 window.siyuan.user.userTitles.forEach((item) => {
-                    userTitlesHTML += `<div class="b3-chip b3-chip--middle">${item.icon} ${item.name}</div>`;
+                    userTitlesHTML += `<div class="b3-chip b3-chip--middle b3-chip--primary">${item.icon} ${item.name}</div>`;
                 });
                 userTitlesHTML += "</div>";
             }
diff --git a/app/src/mobile/settings/account.ts b/app/src/mobile/settings/account.ts
index dd921e2e9..a77fb41cc 100644
--- a/app/src/mobile/settings/account.ts
+++ b/app/src/mobile/settings/account.ts
@@ -49,7 +49,7 @@ export const showAccountInfo = () => {
     if (window.siyuan.user.userTitles.length > 0) {
         userTitlesHTML = '<div class="b3-chips" style="position: absolute">';
         window.siyuan.user.userTitles.forEach((item) => {
-            userTitlesHTML += `<div class="b3-chip b3-chip--middle">${item.icon} ${item.name}</div>`;
+            userTitlesHTML += `<div class="b3-chip b3-chip--middle b3-chip--primary">${item.icon} ${item.name}</div>`;
         });
         userTitlesHTML += "</div>";
     }