diff --git a/ShadowEditor.UI/src/editor/EWorkspace.jsx b/ShadowEditor.UI/src/editor/EWorkspace.jsx
index 9fd99de3..2eb8cee7 100644
--- a/ShadowEditor.UI/src/editor/EWorkspace.jsx
+++ b/ShadowEditor.UI/src/editor/EWorkspace.jsx
@@ -31,7 +31,7 @@ class EWorkspace extends React.Component {
                     <FormControl>
                         <Label>Button</Label>
                         <Button onClick={() => { alert('Default!'); }}>Default</Button>
-                        <Button color={'primary1'}>Primary</Button>
+                        <Button color={'primary'}>Primary</Button>
                         <Button color={'success'}>Success</Button>
                         <Button color={'warn'}>Warn</Button>
                         <Button color={'danger'}>Danger</Button>
diff --git a/ShadowEditor.UI/src/form/Button.jsx b/ShadowEditor.UI/src/form/Button.jsx
index d4a3ad44..b816e4fd 100644
--- a/ShadowEditor.UI/src/form/Button.jsx
+++ b/ShadowEditor.UI/src/form/Button.jsx
@@ -18,7 +18,7 @@ class Button extends React.Component {
 Button.propTypes = {
     className: PropTypes.string,
     style: PropTypes.object,
-    children: PropTypes.element,
+    children: PropTypes.node,
     color: PropTypes.oneOf(['primary', 'success', 'warn', 'danger']),
     disabled: PropTypes.bool,
 };
@@ -27,6 +27,7 @@ Button.defaultProps = {
     className: null,
     style: null,
     children: null,
+    color: null,
     disabled: false,
 };