diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 338a3376e6..0a21c6c0fc 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -4,6 +4,10 @@
 
 English | [Chinese](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.md)
 
+## 0.40.3 (2023-05-22)
+
+- Fix unexpected margin display issue in the `f-avatar` component
+
 ## 0.40.2 (2023-05-20)
 
 **Add**
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 12420dff00..adf6d81a93 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 中文 | [英文](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.en-US.md)
 
+## 0.40.3 (2023-05-22)
+
+- 修复 `f-avatar` 组件意外的边距展示问题
+
 ## 0.40.2 (2023-05-20)
 
 **新增**
diff --git a/docs/docs/changelog.md b/docs/docs/changelog.md
index 12420dff00..adf6d81a93 100644
--- a/docs/docs/changelog.md
+++ b/docs/docs/changelog.md
@@ -2,6 +2,10 @@
 
 中文 | [英文](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.en-US.md)
 
+## 0.40.3 (2023-05-22)
+
+- 修复 `f-avatar` 组件意外的边距展示问题
+
 ## 0.40.2 (2023-05-20)
 
 **新增**
diff --git a/packages/fighting-design/_hooks/use-trigger/index.ts b/packages/fighting-design/_hooks/use-trigger/index.ts
index 60ac4929dc..4d81cd79a8 100644
--- a/packages/fighting-design/_hooks/use-trigger/index.ts
+++ b/packages/fighting-design/_hooks/use-trigger/index.ts
@@ -212,8 +212,9 @@ export const useTrigger = (
    */
   const onBeforeEnter = (el: Element): void => {
     if (prop.trigger === 'hover') {
-      ;(el as HTMLElement).addEventListener('mouseenter', contentLave)
-      ;(el as HTMLElement).addEventListener('mouseleave', close)
+      const node = el as HTMLElement
+      node.addEventListener('mouseenter', contentLave)
+      node.addEventListener('mouseleave', close)
     }
 
     /**
@@ -244,8 +245,9 @@ export const useTrigger = (
    */
   const onAfterLeave = (el: Element): void => {
     if (prop.trigger === 'hover') {
-      ;(el as HTMLElement).removeEventListener('mouseenter', contentLave)
-      ;(el as HTMLElement).removeEventListener('mouseleave', close)
+      const node = el as HTMLElement
+      node.removeEventListener('mouseenter', contentLave)
+      node.removeEventListener('mouseleave', close)
     }
   }
 
diff --git a/packages/fighting-design/image/src/image.vue b/packages/fighting-design/image/src/image.vue
index 06a79202c3..c88b81c10c 100644
--- a/packages/fighting-design/image/src/image.vue
+++ b/packages/fighting-design/image/src/image.vue
@@ -37,7 +37,7 @@
 
   <div v-else class="f-image__error">
     <slot name="error">
-      <span class="f-image__error-text">{{ alt || '加载失败' }}</span>
+      <div class="f-image__error-text">{{ alt || '加载失败' }}</div>
     </slot>
   </div>
 </template>
diff --git a/packages/fighting-design/package.json b/packages/fighting-design/package.json
index 483fb3ab50..88add81cbd 100644
--- a/packages/fighting-design/package.json
+++ b/packages/fighting-design/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fighting-design",
-  "version": "0.40.2",
+  "version": "0.40.3",
   "description": "Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.",
   "keywords": [
     "fighting",
diff --git a/packages/fighting-theme/src/avatar.scss b/packages/fighting-theme/src/avatar.scss
index f971f090a1..963ed88fdf 100644
--- a/packages/fighting-theme/src/avatar.scss
+++ b/packages/fighting-theme/src/avatar.scss
@@ -7,7 +7,7 @@
   width: var(--avatar-size);
   height: var(--avatar-size);
   background-color: var(--avatar-background);
-  vertical-align: baseline;
+  vertical-align: middle;
 
   // 图片元素
   &__img {
diff --git a/packages/fighting-theme/src/image.scss b/packages/fighting-theme/src/image.scss
index 4e60a55170..237a18dd3c 100644
--- a/packages/fighting-theme/src/image.scss
+++ b/packages/fighting-theme/src/image.scss
@@ -49,10 +49,9 @@
   display: inline-block;
 
   .f-image__error-text {
-    display: inline-block;
     padding: 0 3px;
     border-radius: 3px;
-    font-size: 15px;
+    font-size: 12px;
     background-color: #eee;
     color: #333;
   }