diff --git a/web/src/layouts/backend/components/navMenus.vue b/web/src/layouts/backend/components/navMenus.vue
index 837f5858..1ec2c086 100644
--- a/web/src/layouts/backend/components/navMenus.vue
+++ b/web/src/layouts/backend/components/navMenus.vue
@@ -74,17 +74,13 @@
         >
             <template #reference>
                 <div class="admin-info" :class="state.currentNavMenu == 'adminInfo' ? 'hover' : ''">
-                    <el-avatar :size="25" fit="fill">
-                        <img :src="fullUrl(adminInfo.avatar)" alt="" />
-                    </el-avatar>
+                    <el-avatar :size="25" :src="fullUrl(adminInfo.avatar)"></el-avatar>
                     <div class="admin-name">{{ adminInfo.nickname }}</div>
                 </div>
             </template>
             <div>
                 <div class="admin-info-base">
-                    <el-avatar :size="70" fit="fill">
-                        <img :src="fullUrl(adminInfo.avatar)" alt="" />
-                    </el-avatar>
+                    <el-avatar :size="70" :src="fullUrl(adminInfo.avatar)"></el-avatar>
                     <div class="admin-info-other">
                         <div class="admin-info-name">{{ adminInfo.nickname }}</div>
                         <div class="admin-info-lasttime">{{ adminInfo.last_login_time }}</div>
diff --git a/web/src/layouts/frontend/components/aside.vue b/web/src/layouts/frontend/components/aside.vue
index ce7176cc..3e8e6187 100644
--- a/web/src/layouts/frontend/components/aside.vue
+++ b/web/src/layouts/frontend/components/aside.vue
@@ -94,11 +94,15 @@ const routerPush = (routeName = '', route?: RouteRecordRaw) => {
 }
 .user-avatar-box {
     position: relative;
+    width: 100px;
+    height: 100px;
     cursor: pointer;
 }
 .user-avatar {
     display: block;
-    width: 100px;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
     border-radius: 50%;
 }
 .user-avatar-gender {
diff --git a/web/src/views/backend/routine/adminInfo.vue b/web/src/views/backend/routine/adminInfo.vue
index 25ec972c..0d503126 100644
--- a/web/src/views/backend/routine/adminInfo.vue
+++ b/web/src/views/backend/routine/adminInfo.vue
@@ -12,7 +12,7 @@
                         accept="image/gif, image/jpg, image/jpeg, image/bmp, image/png, image/webp"
                         v-if="!isEmpty(state.adminInfo)"
                     >
-                        <el-image :src="fullUrl(state.adminInfo.avatar)" class="avatar">
+                        <el-image fit="cover" :src="fullUrl(state.adminInfo.avatar)" class="avatar">
                             <template #error>
                                 <div class="image-slot">
                                     <Icon size="30" color="#c0c4cc" name="el-icon-Picture" />