diff --git a/components/avatar/__tests__/__snapshots__/demo.test.js.snap b/components/avatar/__tests__/__snapshots__/demo.test.js.snap
index 7434dc1c76..90ae45e569 100644
--- a/components/avatar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/avatar/__tests__/__snapshots__/demo.test.js.snap
@@ -450,7 +450,7 @@ exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
   </span>
   <button
     class="ant-btn ant-btn-sm"
-    style="margin-left:16px;vertical-align:middle"
+    style="margin:0 16px;vertical-align:middle"
     type="button"
   >
     <span>
diff --git a/components/avatar/demo/dynamic.md b/components/avatar/demo/dynamic.md
index 2e99758f0d..f62aee39af 100644
--- a/components/avatar/demo/dynamic.md
+++ b/components/avatar/demo/dynamic.md
@@ -33,7 +33,11 @@ const Autoset: React.FC = () => {
       <Avatar style={{ backgroundColor: color, verticalAlign: 'middle' }} size="large">
         {user}
       </Avatar>
-      <Button size="small" style={{ marginLeft: 16, verticalAlign: 'middle' }} onClick={changeUser}>
+      <Button
+        size="small"
+        style={{ margin: '0 16px', verticalAlign: 'middle' }}
+        onClick={changeUser}
+      >
         Change
       </Button>
     </div>