From 5d332ea0525ff49946b1a7b1cd7e62f16aacde75 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Wed, 14 Sep 2022 11:05:51 -0400
Subject: [PATCH] fix: have width and height defined in user-icon-style mixin

---
 public/scss/generics.scss | 4 +---
 public/scss/mixins.scss   | 2 ++
 2 files changed, 3 insertions(+), 3 deletions(-)

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;
 }