Fixing #345

Author: skipjack

components/navigation/navigation-style.scss

@@ -112,15 +112,12 @@
     }
 
     &-icon {
-      display:inline-block;
-      font-size:getFontSize(1);
-      transform:rotate(-45deg);
-      font-weight:800;
-      color:getColor(alto);
-      cursor:pointer;
-      background:transparent;
+      font-size:1em;
       padding:0;
       border:none;
+      cursor:pointer;
+      color:getColor(alto);
+      background:transparent;
       transition:color 250ms;
 
       &:hover {

components/navigation/navigation.jsx

@@ -69,10 +69,8 @@ export default class Navigation extends React.Component {
               className="navigation__search-input"
               placeholder="Search documentation…" />
             <button 
-              className="navigation__search-icon"
-              onClick={ this._toggleSearch.bind(this) }>
-              &#9906;
-            </button>
+              className="navigation__search-icon icon-magnifying-glass"
+              onClick={ this._toggleSearch.bind(this) } />
           </div>
         </Container>