diff --git a/components/i/UserInfo.vue b/components/i/UserInfo.vue
index 588dc446de134259603e7a8fa74d7f23d85caf8a..eaf3f0f20d4f7e02bd76b3aca80c6c0b8fc4dc24 100644
--- a/components/i/UserInfo.vue
+++ b/components/i/UserInfo.vue
@@ -1,8 +1,8 @@
 <template>
-    <div class="flex w-full justify-between items-center">
+    <div class="flex w-full justify-between items-center gap-2">
         <div class="flex flex-grow">
-            <UDropdown class="flex" :items="items">
-                <UButton class="flex items-center gap-2" color="gray" variant="ghost">
+            <UDropdown class="flex flex-grow" :items="items">
+                <UButton class="flex flex-grow items-center gap-2" color="gray" variant="ghost">
                     <UAvatar src="https://csdn-665-inscode.s3.cn-north-1.jdcloud-oss.com/inscode/202303/622eda98dfef6c4fdb84ccca/1680089871598-75919715-hvlk99ddLLhyNTXtl4TaQAgeFBFz4ZGD/avatar" />
                     <div>Aresn</div>
                     <UIcon name="i-heroicons-chevron-down-20-solid" />