diff --git a/packages/themes/src/presets/material/button/index.js b/packages/themes/src/presets/material/button/index.js
index 54db1c70e..794067aee 100644
--- a/packages/themes/src/presets/material/button/index.js
+++ b/packages/themes/src/presets/material/button/index.js
@@ -32,7 +32,7 @@ export default {
         light: {
             root: {
                 primary: {
-                    background: 'red',
+                    background: '{primary.color}',
                     hoverBackground: '{primary.hover.color}',
                     activeBackground: '{primary.active.color}',
                     borderColor: '{primary.color}',