Button -> button html

components/Button.js

@@ -2,23 +2,26 @@ import React from 'react'
 import { COLORS } from '../lib/constants'
 
 export default (props) => (
-  <div onClick={props.onClick} className="toolbar-btn" style={Object.assign({
+  <button onClick={props.onClick} style={Object.assign({
     background: COLORS.BLACK,
     color: props.color,
     border: `0.5px solid ${props.color}`
   }, props.style)}>
     <span>{props.title}</span>
     <style jsx>{`
-      div {
+      button {
         cursor: pointer;
+        outline: none;
         height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
         padding: 0 16px;
         border-radius: 3px;
         user-select: none;
       }
+
+      button > span {
+        font-size: 14px;
+        line-height: 1;
+      }
     `}</style>
-  </div>
+  </button>
 )