diff --git a/web/app/assets/stylesheets/components/_header.scss b/web/app/assets/stylesheets/components/_header.scss
index 7622d95481..da44277c28 100644
--- a/web/app/assets/stylesheets/components/_header.scss
+++ b/web/app/assets/stylesheets/components/_header.scss
@@ -104,3 +104,7 @@ div.header-right-menu {
   padding-left: 0.3rem;
   padding-right: 0.3rem;
 }
+
+.lower-case {
+  text-transform: lowercase;
+}
diff --git a/web/app/components/Layout/Header.jsx b/web/app/components/Layout/Header.jsx
index d83ec7fa0a..44f7ca986d 100644
--- a/web/app/components/Layout/Header.jsx
+++ b/web/app/components/Layout/Header.jsx
@@ -228,7 +228,7 @@ class Header extends React.Component {
         (<ActionSheet.Button title="" setActiveState={() => {}}>
             <a onClick={this._accountClickHandler.bind(this, account_display_name)} style={{cursor: "default", padding: "1rem", border: "none"}} className="button">
                 <div className="table-cell"><AccountImage style={{display: "inline-block"}} size={{height: 20, width: 20}} account={account_display_name}/></div>
-                <div className="table-cell" style={{paddingLeft: 5}}><div className="inline-block"><span>{account_display_name}</span></div></div>
+                <div className="table-cell" style={{paddingLeft: 5, verticalAlign: "middle"}}><div className="inline-block"><span className="lower-case">{account_display_name}</span></div></div> 
             </a>
         </ActionSheet.Button>) :
 
@@ -236,7 +236,7 @@ class Header extends React.Component {
             <ActionSheet.Button title="">
                 <a style={{padding: "1rem", border: "none"}} className="button">
                     <div className="table-cell"><AccountImage style={{display: "inline-block"}} size={{height: 20, width: 20}} account={account_display_name}/></div>
-                    <div className="table-cell" style={{paddingLeft: 5}}><div className="inline-block"><span>{account_display_name}</span></div></div>
+                    <div className="table-cell" style={{paddingLeft: 5, verticalAlign: "middle"}}><div className="inline-block"><span className="lower-case">{account_display_name}</span></div></div>
                 </a>
             </ActionSheet.Button>
             {tradingAccounts.length > 1 ?