diff --git a/releasenotes/notes/Update-Avatar-Click-d2ca694d56e15b75.yaml b/releasenotes/notes/Update-Avatar-Click-d2ca694d56e15b75.yaml
new file mode 100644
index 00000000..bf43a8f7
--- /dev/null
+++ b/releasenotes/notes/Update-Avatar-Click-d2ca694d56e15b75.yaml
@@ -0,0 +1,8 @@
+---
+features:
+  - |
+    Update user's avatar click:
+
+    1. Cancel clicking the user avatar button to enter the user center
+
+    2. Add a jump to "User Center" in the hover pop-up window of the user's avatar
diff --git a/src/components/Layout/GlobalHeader/AvatarDropdown.jsx b/src/components/Layout/GlobalHeader/AvatarDropdown.jsx
index 41bf750b..6978b424 100644
--- a/src/components/Layout/GlobalHeader/AvatarDropdown.jsx
+++ b/src/components/Layout/GlobalHeader/AvatarDropdown.jsx
@@ -152,6 +152,13 @@ export class AvatarDropdown extends React.Component {
         </Menu.Item>
         <Menu.Divider className={styles['menu-divider']} />
         {this.renderLanguageMenuItem()}
+        <Menu.Divider className={styles['menu-divider']} />
+        <Menu.Item key="userCenter" className={styles['menu-item']}>
+          <Button href="/user/center" type="link" style={{ textAlign: 'left' }}>
+            {t('User Center')}
+          </Button>
+        </Menu.Item>
+        <Menu.Divider className={styles['menu-divider']} />
         <Menu.Item key="password" className={styles['menu-item']}>
           <ItemActionButtons
             actions={{ moreActions: [{ action: Password }] }}
@@ -182,7 +189,6 @@ export class AvatarDropdown extends React.Component {
             shape="circle"
             icon={<UserOutlined />}
             className={styles.avatar}
-            href="/user/center"
           />
         </div>
       </HeaderDropdown>