diff --git a/client/src/components/Footer/footer.css b/client/src/components/Footer/footer.css
index 59c581f60f..445a3d17c2 100644
--- a/client/src/components/Footer/footer.css
+++ b/client/src/components/Footer/footer.css
@@ -1,6 +1,5 @@
 .footer {
   background-color: #e0e0e0;
-  color: #555555;
   font-size: 0.9em;
   width: 100%;
   padding-top: 40px;
diff --git a/client/src/components/layouts/Default.js b/client/src/components/layouts/Default.js
index e12188aff7..57332c2447 100644
--- a/client/src/components/layouts/Default.js
+++ b/client/src/components/layouts/Default.js
@@ -4,6 +4,7 @@ import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import { createSelector } from 'reselect';
 import Helmet from 'react-helmet';
+import fontawesome from '@fortawesome/fontawesome';
 
 import ga from '../../analytics';
 import {
@@ -25,6 +26,10 @@ import './global.css';
 import './layout.css';
 import './night.css';
 
+fontawesome.config = {
+  autoAddCss: false
+};
+
 const metaKeywords = [
   'javascript',
   'js',
@@ -148,7 +153,9 @@ class DefaultLayout extends Component {
             },
             { name: 'keywords', content: metaKeywords.join(', ') }
           ]}
-        />
+          >
+          <style>{fontawesome.dom.css()}</style>
+        </Helmet>
         <Header disableSettings={disableSettings} />
         <div className={`default-layout ${landingPage ? 'landing-page' : ''}`}>
           <OfflineWarning isOnline={isOnline} isSignedIn={isSignedIn} />
@@ -157,7 +164,7 @@ class DefaultLayout extends Component {
           ) : null}
           {children}
         </div>
-        <Footer/>
+        <Footer />
       </Fragment>
     );
   }