From b43fbb3126b6cbf844a43d0e2991963f7684e898 Mon Sep 17 00:00:00 2001
From: Martina <martinalong10@gmail.com>
Date: Sat, 5 Sep 2020 19:27:30 -0700
Subject: [PATCH] fixed username display cutoff bug

---
 components/core/ApplicationUserControls.js        | 5 ++---
 components/system/components/PopoverNavigation.js | 3 ++-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/core/ApplicationUserControls.js b/components/core/ApplicationUserControls.js
index 8637da1a..a2f50de7 100644
--- a/components/core/ApplicationUserControls.js
+++ b/components/core/ApplicationUserControls.js
@@ -83,9 +83,9 @@ const STYLES_PROFILE_USERNAME = css`
   min-width: 10%;
   width: 100%;
   white-space: nowrap;
-  text-overflow: ellipsis;
   overflow: hidden;
-  padding-left: 12px;
+  text-overflow: ellipsis;
+  padding: 12px;
   user-select: none;
   font-family: ${Constants.font.medium};
   font-size: 14px;
@@ -172,7 +172,6 @@ export default class ApplicationUserControls extends React.Component {
             >
               <PopoverNavigation
                 style={{ position: "relative", top: "8px" }}
-                itemStyle={{ color: Constants.system.darkGray }}
                 navigation={[
                   {
                     text: "Account settings",
diff --git a/components/system/components/PopoverNavigation.js b/components/system/components/PopoverNavigation.js
index fadc9183..4d9cc094 100644
--- a/components/system/components/PopoverNavigation.js
+++ b/components/system/components/PopoverNavigation.js
@@ -31,9 +31,10 @@ const STYLES_POPOVER_ITEM = css`
   transition: 200ms ease all;
   cursor: pointer;
   font-size: 12px;
+  color: rgba(0, 0, 0, 0.5);
 
   :hover {
-    color: ${Constants.system.brand} !important;
+    color: ${Constants.system.brand};
   }
 `;