diff --git a/dashboard/src/components/shared/AstrBotConfig.vue b/dashboard/src/components/shared/AstrBotConfig.vue
index 37efe7f6a..6ace849ef 100644
--- a/dashboard/src/components/shared/AstrBotConfig.vue
+++ b/dashboard/src/components/shared/AstrBotConfig.vue
@@ -6,8 +6,8 @@
         <div v-for="(index, key) in iterable" :key="key" style="margin-bottom: 0.5px;"
             v-if="metadata[metadataKey]?.type === 'object' || metadata[metadataKey]?.config_template">
             <v-alert v-if="metadata[metadataKey].items[key]?.obvious_hint && metadata[metadataKey].items[key]?.hint"
-                style="margin-bottom: 16px" :text="metadata[metadataKey].items[key]?.hint"
-                :title="'💡 关于' + metadata[metadataKey].items[key]?.description" type="info" variant="tonal">
+                style="margin-bottom: 8px" :text="metadata[metadataKey].items[key]?.hint"
+                :title="'💡 ' + metadata[metadataKey].items[key]?.description" type="info" variant="tonal" color="primary">
             </v-alert>
 
             <div style="display: flex; align-items: center; justify-content: center; gap: 16px">
@@ -66,8 +66,8 @@
         </div>
         <div v-else>
             <v-alert v-if="metadata[metadataKey]?.obvious_hint && metadata[metadataKey]?.hint"
-                style="margin-bottom: 16px" :text="metadata[metadataKey]?.hint"
-                :title="'💡 关于' + metadata[metadataKey]?.description" type="info" variant="tonal">
+                style="margin-bottom: 8px" :text="metadata[metadataKey]?.hint"
+                :title="'💡 ' + metadata[metadataKey]?.description" type="info" variant="tonal" color="primary">
             </v-alert>
 
             <div style="display: flex; align-items: center; justify-content: center; gap: 16px">
diff --git a/dashboard/src/views/AboutPage.vue b/dashboard/src/views/AboutPage.vue
index e0927534b..40c0f9555 100644
--- a/dashboard/src/views/AboutPage.vue
+++ b/dashboard/src/views/AboutPage.vue
@@ -4,13 +4,20 @@
             <div
                 style="display: flex; justify-content: center; align-items: center; height: 100%; flex-direction: column;">
                 <div @click="selectedLogo = selectedLogo == 0 ? 1 : 0" style="height: 300px;">
-                    <img v-if="selectedLogo == 0" width="300" src="@/assets/images/logo-waifu.png" alt="AstrBot Logo" class="fade-in">
-                    <img v-if="selectedLogo == 1" width="300" src="@/assets/images/logo-normal.svg" alt="AstrBot Logo" class="fade-in">
+                    <img v-if="selectedLogo == 0" width="300" src="@/assets/images/logo-waifu.png" alt="AstrBot Logo"
+                        class="fade-in">
+                    <img v-if="selectedLogo == 1" width="300" src="@/assets/images/logo-normal.svg" alt="AstrBot Logo"
+                        class="fade-in">
                 </div>
 
                 <h1 class="mt-8">AstrBot</h1>
 
-                <span style="color: #777;" class="mt-4">By <a href="https://soulter.top">Soulter</a> And <a href="https://github.com/Soulter/AstrBot/graphs/contributors">AstrBot Contributors</a></span>
+                <span class="mt-2" style="color: #777;">A project out of interests and loves ❤️</span>
+
+                <span style="color: #777;" class="mt-4">By <a href="https://soulter.top">Soulter</a>, <a
+                        href="https://github.com/Soulter/AstrBot/graphs/contributors">AstrBot Contributors</a>
+                        and <a href="https://github.com/Soulter/AstrBot_Plugins_Collection/graphs/contributors">AstrBot Plugin Authors</a>
+                </span>
 
                 <v-btn class="text-primary mt-16" @click="open('https://github.com/Soulter/AstrBot')"
                     color="lightprimary" variant="flat" rounded="sm">