Merge pull request #544 from topcoder-platform/issue-65

fix issue #65

Author: callmekatootie

client/src/components/Header/index.jsx

@@ -12,6 +12,7 @@ import { clearOrg } from "../../services/user-org";
 
 import style from "./style.module.scss";
 import logo from "../../assets/images/u-bahn-logo.svg";
+import iconStyles from "../../styles/icons.module.css";
 
 export const TABS = {
   GROUPS: "GROUPS",
@@ -94,7 +95,11 @@ export default function Header({
         >
           {user.nickname}
           {organization ? <>&nbsp;({organization.name})</> : ""}
-          <DownArrow className={style.downArrow} />
+          {showAccountDropdown ? (
+            <div className={`${iconStyles.chevronUpG} ${style.arrow}`}></div>
+          ) : (
+            <div className={`${iconStyles.chevronDownG} ${style.arrow}`}></div>
+          )}
           {showAccountDropdown && (
             <ul className={style.dropdown}>
               <li

client/src/components/Header/style.module.scss

@@ -15,6 +15,10 @@
   justify-content: flex-end;
   min-width: 100px;
 
+  .arrow {
+    margin-left: 15px;
+  }
+
   .dropdown {
     position: absolute;
     top: 100%;