diff --git a/core/css/header.scss b/core/css/header.scss
index 532bb7d80f..39d97865ec 100644
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -352,11 +352,17 @@ nav[role='navigation'] {
 		&:active {
 			color: var(--color-primary-text);
 
-			.avatardiv,
-			#expandDisplayName {
-				background-color: var(--color-primary-text);
+			#expandDisplayName, 
+			.avatardiv{
+				border-radius: 50%;
 				border: 2px solid var(--color-primary-text);
 				margin: -2px;
+			} 
+			.avatardiv{
+				background-color: var(--color-primary-text);
+			}
+			#expandDisplayName {
+				opacity: 1;
 			}
 		}
 
@@ -379,6 +385,7 @@ nav[role='navigation'] {
 		#expandDisplayName {
 			padding: 8px;
 			opacity: .6;
+			cursor: pointer;
 
 			/* full opacity for gear icon if active */
 			#body-settings & {