diff --git a/components/i/Nav.vue b/components/i/Nav.vue
index 25a03d0c6a32b19057357a1a3666963da230d4ab..8971d13d728aca788de346854943f59afb02295c 100644
--- a/components/i/Nav.vue
+++ b/components/i/Nav.vue
@@ -44,6 +44,7 @@
             </template>
         </div>
         <UButton
+            v-else
             class="flex flex-grow gap-2 justify-center"
             size="lg"
             label="登录"
diff --git a/components/i/UserInfo.vue b/components/i/UserInfo.vue
index bcde57697de4952614f22d1545e706950eabf554..ee2b17bcf4511c5fde97a77010f994f95bd381a6 100644
--- a/components/i/UserInfo.vue
+++ b/components/i/UserInfo.vue
@@ -1,13 +1,15 @@
 <template>
     <div class="flex flex-col w-full">
         <template v-if="$isSignIn">
-            <div class="flex flex-grow justify-between items-center gap-2 p-4">
+            <div class="flex flex-grow justify-between items-center p-4">
                 <UDropdown class="flex flex-grow" :items="items">
-                    <UButton class="flex flex-grow gap-2" color="gray" variant="ghost">
-                        <UAvatar :src="$info.avatar" />
-                        <div>{{ $info.name }}</div>
-                        <UBadge v-if="$info.pro" size="xs" color="purple" variant="soft" label="PRO" />
-                        <UBadge v-else size="xs" color="gray" variant="soft" label="FREE" />
+                    <UButton class="flex flex-grow" color="gray" variant="ghost">
+                        <div class="flex flex-grow items-center gap-2">
+                            <UAvatar :src="$info.avatar" />
+                            <div>{{ $info.name }}</div>
+                            <UBadge v-if="$info.pro" size="xs" color="yellow" variant="soft" label="PRO" />
+                            <UBadge v-else size="xs" color="gray" variant="soft" label="FREE" />
+                        </div>
                         <UIcon name="i-heroicons-chevron-down-20-solid" />
                     </UButton>
                 </UDropdown>