diff --git a/components/button.js b/components/button.js
new file mode 100644
index 0000000..4692443
--- /dev/null
+++ b/components/button.js
@@ -0,0 +1,5 @@
+import React from 'react'
+
+export default (props) => (
+  <div></div>
+)
diff --git a/components/toolbar.js b/components/toolbar.js
index b5d11d7..f32e363 100644
--- a/components/toolbar.js
+++ b/components/toolbar.js
@@ -39,8 +39,8 @@ export default class extends React.Component {
         <Dropdown list={langauges} />
         <ColorPicker />
         <Settings />
-        <div className="toolbarbtn copy"><span>Copy Imgur Link</span></div>
-        <div className="toolbarbtn dl"><span>Save Image</span></div>
+        <div className="toolbar-btn copy"><span>Copy Imgur Link</span></div>
+        <div className="toolbar-btn dl"><span>Save Image</span></div>
         <style jsx>{`
           #toolbar {
             width: 100%;
@@ -50,6 +50,28 @@ export default class extends React.Component {
             position: relative;
             z-index: 1;
           }
+
+          .toolbar-btn {
+            height: 37px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 0 16px;
+            color: #000;
+            border: 0.5px solid #333;
+            border-radius: 3px;
+          }
+
+          .copy {
+            background: #84ACFC;
+            border-radius: 3px 0px 0px 3px;
+          }
+
+          .dl {
+            background: #C3E98D;
+            border-radius: 0px 3px 3px 0px;
+            border-left: 0px;
+          }
         `}</style>
       </div>
     )