diff --git a/packages/components/src/components/avatar/Avatar.tsx b/packages/components/src/components/avatar/Avatar.tsx
index 3f274fd54f..14d2c20955 100644
--- a/packages/components/src/components/avatar/Avatar.tsx
+++ b/packages/components/src/components/avatar/Avatar.tsx
@@ -70,7 +70,7 @@ const Avatar = React.forwardRef<HTMLSpanElement, AvatarProps>((props: AvatarProp
     if (userName !== undefined && typeof userName === 'string') {
       const prefixUserName = omit && typeof userName === 'string' ? userName.trim()[0].toUpperCase() : userName.trim();
       return (
-        <span ref={childrenRef} style={childrenStyle}>
+        <span ref={childrenRef} style={childrenStyle} className={`${prefixCls}-string`}>
           {prefixUserName}
         </span>
       );
diff --git a/packages/components/src/components/avatar/__tests__/__snapshots__/Avatar.test.js.snap b/packages/components/src/components/avatar/__tests__/__snapshots__/Avatar.test.js.snap
index 47eaef567e..efc3e84db8 100644
--- a/packages/components/src/components/avatar/__tests__/__snapshots__/Avatar.test.js.snap
+++ b/packages/components/src/components/avatar/__tests__/__snapshots__/Avatar.test.js.snap
@@ -5,6 +5,7 @@ exports[`Testing Avatar should be stable 1`] = `
   className="gio-avatar gio-avatar-df"
 >
   <span
+    className="gio-avatar-string"
     style={
       Object {
         "transform": "scale(1) translateX(-50%)",
diff --git a/packages/components/src/components/avatar/__tests__/__snapshots__/AvatarGroup.test.js.snap b/packages/components/src/components/avatar/__tests__/__snapshots__/AvatarGroup.test.js.snap
index dac7d00469..97912fb131 100644
--- a/packages/components/src/components/avatar/__tests__/__snapshots__/AvatarGroup.test.js.snap
+++ b/packages/components/src/components/avatar/__tests__/__snapshots__/AvatarGroup.test.js.snap
@@ -23,6 +23,7 @@ exports[`Testing AvatarGroup should be stable 1`] = `
     onMouseLeave={[Function]}
   >
     <span
+      className="gio-avatar-string"
       style={
         Object {
           "transform": "scale(1) translateX(-50%)",
@@ -51,6 +52,7 @@ exports[`Testing AvatarGroup should be stable 1`] = `
     onMouseLeave={[Function]}
   >
     <span
+      className="gio-avatar-string"
       style={
         Object {
           "transform": "scale(1) translateX(-50%)",
@@ -64,6 +66,7 @@ exports[`Testing AvatarGroup should be stable 1`] = `
     className="gio-avatar-rest gio-avatar gio-avatar-df"
   >
     <span
+      className="gio-avatar-string"
       style={
         Object {
           "transform": "scale(1) translateX(-50%)",
diff --git a/packages/components/src/components/avatar/style/index.less b/packages/components/src/components/avatar/style/index.less
index 4b1859e36e..2ba57ab34c 100644
--- a/packages/components/src/components/avatar/style/index.less
+++ b/packages/components/src/components/avatar/style/index.less
@@ -13,13 +13,10 @@
   opacity: 1;
   user-select: none;
 
-  &:hover {
-    .@{avatar-prefix-cls}-droppable {
-      background-color: @color-background-avatar-hover-dropdown;
-
-      svg {
-        transform: scale(1);
-      }
+  &:hover &-droppable {
+    background-color: @color-background-avatar-hover-dropdown;
+    span {
+      transform: scale(1);
     }
   }
 
@@ -35,14 +32,14 @@
     cursor: pointer;
     transition: all 0.3s;
 
-    svg {
+    span {
       vertical-align: middle;
       transform: scale(0);
       transition: all 0.3s;
     }
   }
 
-  span {
+  &-string {
     position: absolute;
     left: 50%;
     transform-origin: 0 center;