Fix IconButton centering issues

app/soapbox/containers/soapbox.js

@@ -76,7 +76,7 @@ class SoapboxMount extends React.PureComponent {
   };
 
   componentDidMount() {
-    this.props.dispatch(generateTheme('#1ca82b', 'light'));
+    this.props.dispatch(generateTheme('#0482d8', 'light'));
   }
 
   render() {

app/styles/soapbox/components.scss

@@ -127,12 +127,6 @@
   cursor: pointer;
   transition: color 100ms ease-in;
 
-  > div {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  }
-
   i.fa {
     margin: 0;
   }

app/styles/soapbox/components/account-header.scss

@@ -103,6 +103,10 @@
         border-radius: 4px;
         box-sizing: content-box;
         padding: 2px;
+
+        > div {
+          line-height: 31px !important;
+        }
       }
 
       .button { margin-right: 10px; }