diff --git a/modules/ui/components/controls/Button.jsx b/modules/ui/components/controls/Button.jsx
index 7370ccb8..8a465580 100644
--- a/modules/ui/components/controls/Button.jsx
+++ b/modules/ui/components/controls/Button.jsx
@@ -2,9 +2,9 @@ import React from 'react';
 
 import ls from './Button.less'
 
-export default function Button({text, type, onClick}) {
+export default function Button({type, onClick, children}) {
 
-  return <button onClick={onClick} className={ls[type]}>{text}</button>
+  return <button onClick={onClick} className={ls[type]}>{children}</button>
 
 }
 
diff --git a/web/app/cad/dom/components/wizard/Wizard.jsx b/web/app/cad/dom/components/wizard/Wizard.jsx
index 5bf55363..700a0427 100644
--- a/web/app/cad/dom/components/wizard/Wizard.jsx
+++ b/web/app/cad/dom/components/wizard/Wizard.jsx
@@ -53,8 +53,8 @@ export default class Wizard extends React.Component {
           </Field>
         } )}
         <ButtonGroup>
-          <Button text='Cancel' onClick={this.onClose} />
-          <Button text='OK' type='accent' onClick={this.onOK} />
+          <Button onClick={this.onClose} >Cancel</Button>
+          <Button type='accent' onClick={this.onOK} >OK</Button>
         </ButtonGroup>
         {this.state.hasError && <div className={ls.errorMessage}>
           performing operation with current parameters leads to an invalid object