diff --git a/client/src/components/Header/index.jsx b/client/src/components/Header/index.jsx
index 342f6be..aeace9c 100644
--- a/client/src/components/Header/index.jsx
+++ b/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
diff --git a/client/src/components/Header/style.module.scss b/client/src/components/Header/style.module.scss
index cbe3f04..e21568f 100644
--- a/client/src/components/Header/style.module.scss
+++ b/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%;