diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/BasicLayout/index.vue
index 45dc613..d6b3d67 100644
--- a/src/layouts/BasicLayout/index.vue
+++ b/src/layouts/BasicLayout/index.vue
@@ -49,7 +49,7 @@ const appStore = useAppStore()
             <CollapaseButton />
             <Breadcrumb />
           </div>
-          <div class="flex-y-center h-full">
+          <div class="flex-y-center gap-1 h-full p-x-xl">
             <Search />
             <Notices />
             <FullScreen />
diff --git a/src/layouts/components/header/UserCenter.vue b/src/layouts/components/header/UserCenter.vue
index c67e4b3..71e02d1 100644
--- a/src/layouts/components/header/UserCenter.vue
+++ b/src/layouts/components/header/UserCenter.vue
@@ -64,14 +64,15 @@ function handleSelect(key: string | number) {
     :options="options"
     @select="handleSelect"
   >
-    <CommonWrapper>
-      <n-avatar
-        round
-        size="large"
-        :src="userInfo?.avatar"
-      />
-      <span class="overflow-hidden text-ellipsis whitespace-nowrap">{{ userInfo?.nickname }}</span>
-    </CommonWrapper>
+    <n-avatar
+      round
+
+      :src="userInfo?.avatar"
+    >
+      <template #fallback>
+        <icon-park-outline-user />
+      </template>
+    </n-avatar>
   </n-dropdown>
 </template>