diff --git a/examples/card/demos/borderd-none.vue b/examples/card/demos/borderd-none.vue
index 3c3678672..102570b8b 100644
--- a/examples/card/demos/borderd-none.vue
+++ b/examples/card/demos/borderd-none.vue
@@ -36,6 +36,6 @@ export default {
 <style lang="less" scoped>
 .demo-card {
   padding: 16px;
-  background-color: rgba(230, 230, 230, 1);
+  background-color: var(--td-bg-color-container-hover);
 }
 </style>
diff --git a/examples/card/demos/footer-content-actions.vue b/examples/card/demos/footer-content-actions.vue
index b860872f5..533fdfa74 100644
--- a/examples/card/demos/footer-content-actions.vue
+++ b/examples/card/demos/footer-content-actions.vue
@@ -48,3 +48,9 @@ export default {
   },
 };
 </script>
+<style scoped>
+.tdesign-demo-block /deep/ .t-card__actions {
+  display: flex;
+  align-items: center;
+}
+</style>