diff --git a/public/src/modules/helpers.common.js b/public/src/modules/helpers.common.js
index e3f10ba528..93c7961dbc 100644
--- a/public/src/modules/helpers.common.js
+++ b/public/src/modules/helpers.common.js
@@ -12,6 +12,7 @@ module.exports = function (utils, Benchpress, relative_path) {
 		escape,
 		stripTags,
 		buildCategoryIcon,
+		buildCategoryLabel,
 		generateCategoryBackground,
 		generateChildrenCategories,
 		generateTopicClass,
@@ -88,6 +89,17 @@ module.exports = function (utils, Benchpress, relative_path) {
 		return `<span class="icon d-inline-flex justify-content-center align-items-center align-middle ${rounded}" style="${generateCategoryBackground(category)} width:${size}; height: ${size}; font-size: ${parseInt(size, 10) / 2}px;">${category.icon ? `<i class="fa fa-fw ${category.icon}"></i>` : ''}</span>`;
 	}
 
+	function buildCategoryLabel(category) {
+		if (!category) {
+			return '';
+		}
+
+		return `<span class="badge px-1" style="${generateCategoryBackground(category)}">
+			${category.icon ? `<i class="fa fa-fw ${category.icon}"></i>` : ''}
+			${category.name}
+		</span>`;
+	}
+
 	function generateCategoryBackground(category) {
 		if (!category) {
 			return '';