diff --git a/src/components/navigation/www/navigation.jsx b/src/components/navigation/www/navigation.jsx
index c786fad79..0a085107a 100644
--- a/src/components/navigation/www/navigation.jsx
+++ b/src/components/navigation/www/navigation.jsx
@@ -241,7 +241,8 @@ var Navigation = React.createClass({
                                 </a>
                             </li>,
                             <li className="link right account-nav" key="account-nav">
-                                <a className="user-info" href="#" onClick={this.handleAccountNavClick}>
+                                <a className={this.state.accountNavOpen ? 'user-info open' : 'user-info'}
+                                    href="#" onClick={this.handleAccountNavClick}>
                                     <Avatar src={this.props.session.session.user.thumbnailUrl} alt="" />
                                     {this.props.session.session.user.username}
                                 </a>
diff --git a/src/components/navigation/www/navigation.scss b/src/components/navigation/www/navigation.scss
index 188063c01..32df1436d 100644
--- a/src/components/navigation/www/navigation.scss
+++ b/src/components/navigation/www/navigation.scss
@@ -18,7 +18,7 @@
             height: 50px;
 
             &:hover {
-                transition: .15s ease all; 
+                transition: .15s ease all;
                 background-size: 100%;
             }
         }
@@ -49,7 +49,7 @@
                 height: 14px;
 
                 &[type=text] {
-                    transition: .15s ease background-color; 
+                    transition: .15s ease background-color;
                     padding: 0;
                     padding-right: 10px;
                     padding-left: 40px;
@@ -76,14 +76,14 @@
 
             .btn-search {
                 position: absolute;
-                
+
                 box-shadow: none;
                 background-color: transparent;
                 background-image: url("/images/nav-search-glass.png");
                 background-repeat: no-repeat;
-                background-position: center center;     
+                background-position: center center;
                 background-size: 14px 14px;
-                
+
                 width: 40px;
                 height: 40px;
 
@@ -170,6 +170,10 @@
                 vertical-align: middle;
             }
 
+            &.open {
+                background-color: $active-gray;
+            }
+
             &:after {
                 display: inline-block;
                 margin-left: 8px;