diff --git a/components/Button.js b/components/Button.js
index be4dcb0..4f730fb 100644
--- a/components/Button.js
+++ b/components/Button.js
@@ -4,14 +4,12 @@ import { COLORS } from '../lib/constants'
 export default props => (
   <button
     onClick={props.onClick}
-    style={Object.assign(
-      {
-        background: COLORS.BLACK,
-        color: props.color,
-        border: `0.5px solid ${props.color}`
-      },
-      props.style
-    )}
+    style={{
+      ...props.style,
+      background: COLORS.BLACK,
+      color: props.color,
+      border: `0.5px solid ${props.color}`
+    }}
   >
     <span>{props.title}</span>
     <style jsx>{`
diff --git a/components/Carbon.js b/components/Carbon.js
index d1df20b..ed867ab 100644
--- a/components/Carbon.js
+++ b/components/Carbon.js
@@ -69,7 +69,7 @@ class Carbon extends React.Component {
   }
 
   render() {
-    const config = Object.assign(DEFAULT_SETTINGS, this.props.config)
+    const config = { ...DEFAULT_SETTINGS, ...this.props.config }
 
     const options = {
       lineNumbers: false,
diff --git a/components/Meta.js b/components/Meta.js
index dd768d7..c6d9d10 100644
--- a/components/Meta.js
+++ b/components/Meta.js
@@ -7,7 +7,7 @@ export default () => (
   <div className="meta">
     <Head>
       <meta charSet="utf-8" />
-      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+      <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
       <meta name="viewport" content="width=device-width, initial-scale=1" />
       <meta
         name="description"
diff --git a/pages/editor.js b/pages/editor.js
index fb9a895..a1f13cd 100644
--- a/pages/editor.js
+++ b/pages/editor.js
@@ -67,7 +67,7 @@ class Editor extends React.Component {
   }
 
   componentDidUpdate() {
-    const s = Object.assign({}, this.state)
+    const s = { ...this.state }
     delete s.code
     saveState(localStorage, s)
   }
