diff --git a/src/card/__tests__/__snapshots__/demo.test.js.snap b/src/card/__tests__/__snapshots__/demo.test.js.snap
index e12619eba..22555d6a7 100644
--- a/src/card/__tests__/__snapshots__/demo.test.js.snap
+++ b/src/card/__tests__/__snapshots__/demo.test.js.snap
@@ -258,7 +258,7 @@ exports[`Card Card footerActionsVue demo works fine 1`] = `
         >
           <button
             class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"
-            style="margin-right: 16px;"
+            style="margin-right: 8px;"
             type="button"
           >
             <span
diff --git a/src/card/_example/footer-actions.vue b/src/card/_example/footer-actions.vue
index dc357311d..f58ce248e 100644
--- a/src/card/_example/footer-actions.vue
+++ b/src/card/_example/footer-actions.vue
@@ -30,11 +30,11 @@
     <br />
     <t-card :cover="cover" theme="poster2" :style="{ width: '400px' }">
       <template #footer>
-        <t-button variant="text" shape="square" :style="{ 'margin-right': '16px' }">
-          <heart-icon size="24" />
+        <t-button variant="text" shape="square" :style="{ 'margin-right': '8px' }">
+          <heart-icon size="16" />
         </t-button>
         <t-button variant="text" shape="square">
-          <share-icon size="24" />
+          <share-icon size="16" />
         </t-button>
       </template>
       <template #actions>
diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index 58dafd665..53ee86b05 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -2740,7 +2740,7 @@ exports[`ssr snapshot test renders ./src/card/_example/footer-actions.vue correc
     <div class="t-card t-card--bordered" style="width:400px;">
       <div class="t-card__cover"><img src="https://tdesign.gtimg.com/site/source/card-demo.png"></div>
       <div class="t-card__footer">
-        <div class="t-card__footer-wrapper"><button type="button" class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square" style="margin-right:16px;"><span class="t-button__text"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-heart" style="font-size:24;"><path fill="currentColor" d="M8 5.86l1.06-.98a2.35 2.35 0 013.25 3.4L8 12.57l-4.31-4.3a2.35 2.35 0 013.25-3.4L8 5.86zm-.39-1.72a3.35 3.35 0 00-4.63 4.84l4.87 4.87a.2.2 0 00.3 0l4.87-4.87a3.35 3.35 0 00-4.63-4.84L8 4.5l-.39-.36z" fill-opacity="0.9"></path></svg></span></button> <button type="button" class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-share" style="font-size:24;"><path fill="currentColor" d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z" fill-opacity="0.9"></path></svg></span></button></div>
+        <div class="t-card__footer-wrapper"><button type="button" class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square" style="margin-right:8px;"><span class="t-button__text"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-heart" style="font-size:16;"><path fill="currentColor" d="M8 5.86l1.06-.98a2.35 2.35 0 013.25 3.4L8 12.57l-4.31-4.3a2.35 2.35 0 013.25-3.4L8 5.86zm-.39-1.72a3.35 3.35 0 00-4.63 4.84l4.87 4.87a.2.2 0 00.3 0l4.87-4.87a3.35 3.35 0 00-4.63-4.84L8 4.5l-.39-.36z" fill-opacity="0.9"></path></svg></span></button> <button type="button" class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-share" style="font-size:16;"><path fill="currentColor" d="M9.93 5.36a2.31 2.31 0 004.02-1.57 2.32 2.32 0 10-4.52.7L6.07 6.45a2.31 2.31 0 00-4.02 1.58A2.32 2.32 0 006.07 9.6l3.36 1.96a2.32 2.32 0 10.5-.87L6.57 8.73a2.32 2.32 0 000-1.41l3.36-1.96zm1.7-2.9a1.32 1.32 0 110 2.64 1.32 1.32 0 010-2.63zM5.5 7.35a.5.5 0 00.03.05 1.31 1.31 0 01-.03 1.33 1.32 1.32 0 110-1.38zm4.83 4.93c0-.22.05-.43.14-.6a.52.52 0 00.07-.13 1.32 1.32 0 11-.21.73z" fill-opacity="0.9"></path></svg></span></button></div>
         <div class="t-card__actions"><button type="button" class="t-button t-size-m t-button--variant-text t-button--theme-default t-button--shape-square"><span class="t-button__text"><svg fill="none" viewBox="0 0 16 16" width="1em" height="1em" class="t-icon t-icon-more" style="font-size:24;"><path fill="currentColor" d="M8 4a1 1 0 100-2 1 1 0 000 2zM8 9a1 1 0 100-2 1 1 0 000 2zM9 13a1 1 0 11-2 0 1 1 0 012 0z" fill-opacity="0.9"></path></svg></span></button></div>
       </div>
     </div>