From 843d3df8bc17fbed1e2f6509c544c6a88141ef9c Mon Sep 17 00:00:00 2001
From: orangemug <info@orangemug.co.uk>
Date: Tue, 9 Oct 2018 20:58:14 +0100
Subject: [PATCH] Fixed react-icons size/position.

---
 src/index.jsx         | 8 +++++++-
 src/styles/index.scss | 6 ++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/index.jsx b/src/index.jsx
index 147313c..1f31a1b 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -1,3 +1,4 @@
+import { IconContext } from "react-icons";
 import React from 'react';
 import ReactDOM from 'react-dom';
 
@@ -5,4 +6,9 @@ import './favicon.ico'
 import './styles/index.scss'
 import App from './components/App';
 
-ReactDOM.render(<App/>, document.querySelector("#app"));
+ReactDOM.render(
+  <IconContext.Provider value={{className: 'react-icons'}}>
+    <App/>
+  </IconContext.Provider>,
+  document.querySelector("#app")
+);
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 51766f1..d653c6c 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -50,3 +50,9 @@ $toolbar-offset: 0;
 .maputnik-layout {
   height: 100vh;
 }
+
+.react-icons {
+  vertical-align: middle;
+  width: 14px;
+  height: 14px;
+}