diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index 583691e6b6..426b816fc0 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -80,9 +80,7 @@
 	@include user-icon;
 
 	$size: var(--avatar-size);
-	width: $size;
-	height: $size;
-	@include user-icon-style($line-height-base, calc($size * 0.6));
+	@include user-icon-style($size, calc($size * 0.6));
 
 	&.avatar-rounded {
 		border-radius: 50%;
diff --git a/public/scss/mixins.scss b/public/scss/mixins.scss
index 060b90c89b..6cb6a67472 100644
--- a/public/scss/mixins.scss
+++ b/public/scss/mixins.scss
@@ -68,6 +68,8 @@
 
 @mixin user-icon-style($size: 32px, $font-size: 1.5rem, $border-radius: inherit){
 	border-radius: $border-radius;
+	width: $size;
+	height: $size;
 	line-height: $size;
 	font-size: $font-size;
 }