Button component

1 files changed, 2 insertions, 1 deletions

diff --git a/vnext/src/components/MessageInput.js b/vnext/src/components/MessageInput.js
index a8bbbc33..6e698c32 100644
--- a/vnext/src/components/MessageInput.js
+++ b/vnext/src/components/MessageInput.js
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { MessageType } from './Types';
 
 import Icon from './Icon';
+import Button from './Button';
 
 export default class MessageInput extends React.Component {
     constructor(props) {
@@ -88,7 +89,7 @@ export default class MessageInput extends React.Component {
                         <textarea name="body" onChange={this.textChanged} onKeyPress={this.handleCtrlEnter}
                             ref={this.textarea} style={textInputStyle} value={this.state.value}
                             rows="1" placeholder="Write a comment..." />
-                        <button className="badge" onClick={this.onSubmit}><Icon name="ei-envelope" size="s"/>Send</button>
+                        <Button onClick={this.onSubmit}><Icon name="ei-envelope" size="s"/>Send</Button>
                     </div>
                 </div>
             </form>