diff --git a/core/css/header.scss b/core/css/header.scss
index 01e9e0ff48..4c0f05f9cc 100644
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -357,10 +357,17 @@ nav[role='navigation'] {
 		&:active {
 			color: var(--color-primary-text);
 
-			img, #expandDisplayName {
-				border: 2px solid $color-primary-text;
-				margin-top: -2px;
-				margin-left: -2px;
+			#expandDisplayName, 
+			.avatardiv{
+				border-radius: 50%;
+				border: 2px solid var(--color-primary-text);
+				margin: -2px;
+			} 
+			.avatardiv{
+				background-color: var(--color-primary-text);
+			}
+			#expandDisplayName {
+				opacity: 1;
 			}
 		}
 
@@ -383,6 +390,7 @@ nav[role='navigation'] {
 		#expandDisplayName {
 			padding: 8px;
 			opacity: .6;
+			cursor: pointer;
 
 			/* full opacity for gear icon if active */
 			#body-settings & {