closes #6822

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 {

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>