diff --git a/app/src/assets/scss/business/_config.scss b/app/src/assets/scss/business/_config.scss
index 11f3937d7..7b2c782bf 100644
--- a/app/src/assets/scss/business/_config.scss
+++ b/app/src/assets/scss/business/_config.scss
@@ -33,6 +33,7 @@
 
     &--full {
       margin-top: -16px;
+      margin-bottom: -16px;
       height: calc(100% + 32px);
     }
 
diff --git a/app/src/config/account.ts b/app/src/config/account.ts
index e4439800f..2a914b707 100644
--- a/app/src/config/account.ts
+++ b/app/src/config/account.ts
@@ -109,7 +109,7 @@ ${genSVGBG()}
     ${isIOS ? `<a href="javascript:void(0)" data-action="iOSPay" data-type="subscribe">${window.siyuan.languages.clickMeToRenew}</a>` : `<a href="${getCloudURL("subscribe/siyuan")}" target="_blank">${window.siyuan.languages.clickMeToRenew}</a>`}
 </div>`;
                 if (window.siyuan.user.userSiYuanOneTimePayStatus === 1) {
-                    subscriptionHTML = `<div class="b3-chip"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.onepay}</div>
+                    subscriptionHTML = `<div class="b3-chip b3-chip--success"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.onepay}</div>
 <div class="fn__hr--b"></div>`;
                 }
                 if (window.siyuan.user.userSiYuanSubscriptionPlan === 2) {
@@ -117,6 +117,7 @@ ${genSVGBG()}
                     subscriptionHTML += `<div class="b3-chip b3-chip--primary"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.account3}</div>
 ${renewHTML}<div class="fn__hr--b"></div>`;
                 } else {
+                    // 年费
                     subscriptionHTML += `<div class="b3-chip b3-chip--primary"><svg class="ft__secondary"><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.account10}</div>
 ${renewHTML}<div class="fn__hr--b"></div>`;
                 }
@@ -129,7 +130,7 @@ ${renewHTML}<div class="fn__hr--b"></div>`;
                 }
             } else {
                 if (window.siyuan.user.userSiYuanOneTimePayStatus === 1) {
-                    subscriptionHTML = `<div class="b3-chip"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.onepay}</div>
+                    subscriptionHTML = `<div class="b3-chip b3-chip--success"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.onepay}</div>
 <div class="fn__hr--b"></div>${payHTML}`;
                 } else {
                     subscriptionHTML = payHTML;
diff --git a/app/src/mobile/settings/account.ts b/app/src/mobile/settings/account.ts
index 3e977b78f..dd921e2e9 100644
--- a/app/src/mobile/settings/account.ts
+++ b/app/src/mobile/settings/account.ts
@@ -67,7 +67,7 @@ export const showAccountInfo = () => {
     ${isIOS ? `<a href="javascript:void(0)" data-action="iOSPay" data-type="subscribe">${window.siyuan.languages.clickMeToRenew}</a>` : `<a href="${getCloudURL("subscribe/siyuan")}" target="_blank">${window.siyuan.languages.clickMeToRenew}</a>`}
 </div>`;
         if (window.siyuan.user.userSiYuanOneTimePayStatus === 1) {
-            subscriptionHTML = `<div class="b3-chip"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.onepay}</div>
+            subscriptionHTML = `<div class="b3-chip b3-chip--success"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.onepay}</div>
 <div class="fn__hr--b"></div>`;
         }
         if (window.siyuan.user.userSiYuanSubscriptionPlan === 2) {
@@ -87,7 +87,7 @@ ${renewHTML}<div class="fn__hr--b"></div>`;
         }
     } else {
         if (window.siyuan.user.userSiYuanOneTimePayStatus === 1) {
-            subscriptionHTML = `<div class="b3-chip"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.onepay}</div>
+            subscriptionHTML = `<div class="b3-chip b3-chip--success"><svg><use xlink:href="#iconVIP"></use></svg>${window.siyuan.languages.onepay}</div>
 <div class="fn__hr--b"></div>${payHTML}`;
         } else {
             subscriptionHTML = payHTML;