From 9dd65cf772642dc1e3407cd4eafb46eb1a5872d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <baris@nodebb.org>
Date: Thu, 18 Oct 2018 10:24:34 -0400
Subject: [PATCH] closes #6822

---
 public/less/admin/admin.less                            | 7 +++++--
 src/views/admin/partials/categories/select-category.tpl | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/public/less/admin/admin.less b/public/less/admin/admin.less
index 364606bbda..18c4556926 100644
--- a/public/less/admin/admin.less
+++ b/public/less/admin/admin.less
@@ -236,8 +236,11 @@ body {
 }
 
 .category-dropdown-menu {
-  max-height: 600px;
-  overflow-y: auto;
+	max-height: 600px;
+	overflow-y: auto;
+	.fa-stack {
+		border-radius: 50%;
+	}
 }
 
 .table-reordering {
diff --git a/src/views/admin/partials/categories/select-category.tpl b/src/views/admin/partials/categories/select-category.tpl
index 1cf5e90529..cee8e18734 100644
--- a/src/views/admin/partials/categories/select-category.tpl
+++ b/src/views/admin/partials/categories/select-category.tpl
@@ -7,7 +7,7 @@
 			<ul class="dropdown-menu category-dropdown-menu" role="menu">
 				<!-- BEGIN categories -->
 				<li role="presentation" class="category" data-cid="{categories.cid}" data-name="{categories.name}">
-					<a role="menu-item">{categories.level}<span component="category-markup"><!-- IF categories.icon --><span class="fa-stack"><i style="color: {categories.bgColor};" class="fa fa-circle fa-stack-2x"></i><i style="color: {categories.color};" class="fa fa-stack-1x fa-fw {categories.icon}"></i></span><!-- ENDIF categories.icon --> {categories.name}</span></a>
+					<a role="menu-item">{categories.level}<span component="category-markup"><!-- IF categories.icon --><span class="fa-stack" style="{function.generateCategoryBackground}"><i style="color: {categories.color};" class="fa fa-stack-1x fa-fw {categories.icon}"></i></span><!-- ENDIF categories.icon --> {categories.name}</span></a>
 				</li>
 				<!-- END categories -->
 			</ul>