From ef75f1bac9bded9cc0786f96698f4f1ea8c05d88 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Wed, 28 Jan 2026 11:23:34 -0500
Subject: [PATCH] fix: acp category selector when category has image

---
 .../admin/partials/categories/select-category.tpl   |  4 ++--
 .../partials/category/selector-dropdown-content.tpl | 13 +++++++------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/views/admin/partials/categories/select-category.tpl b/src/views/admin/partials/categories/select-category.tpl
index 72f4d3fea5..7c2d7679f3 100644
--- a/src/views/admin/partials/categories/select-category.tpl
+++ b/src/views/admin/partials/categories/select-category.tpl
@@ -1,7 +1,7 @@
 <div class="mb-3">
 	<div component="category-selector" class="btn-group">
-		<button type="button" class="btn btn-ghost border dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-			<span component="category-selector-selected">[[topic:thread-tools.select-category]]</span> <span class="caret"></span>
+		<button type="button" class="btn btn-ghost border d-flex align-items-center gap-2 dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+			<span component="category-selector-selected" class="d-flex align-items-center">[[topic:thread-tools.select-category]]</span> <span class="caret"></span>
 		</button>
 
 		<div class="dropdown-menu p-1">
diff --git a/src/views/admin/partials/category/selector-dropdown-content.tpl b/src/views/admin/partials/category/selector-dropdown-content.tpl
index a26c281571..4b8d479180 100644
--- a/src/views/admin/partials/category/selector-dropdown-content.tpl
+++ b/src/views/admin/partials/category/selector-dropdown-content.tpl
@@ -1,15 +1,16 @@
-<button type="button" class="btn btn-ghost btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-	<span component="category-selector-selected">
-		<span class="category-item d-inline-flex align-items-center gap-1">
+<button type="button" class="btn btn-ghost btn-sm d-flex align-items-center gap-2 dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+	<span component="category-selector-selected" class="d-flex align-items-center">
 		{{{ if (selectedCategory && !showCategorySelectLabel) }}}
+		<span class="category-item d-inline-flex align-items-center gap-1">
 			{buildCategoryIcon(selectedCategory, "24px", "rounded-circle")}
-			{selectedCategory.name}
+			<span class="fw-semibold">{selectedCategory.name}</span>
+		</span>
 		{{{ else }}}
 		<i class="fa fa-fw {{{ if selectCategoryIcon }}}{selectCategoryIcon}{{{ else }}}fa-list{{{ end }}}"></i>
 		{{{ if selectCategoryLabel }}}{selectCategoryLabel}{{{ else }}}[[topic:thread-tools.select-category]]{{{ end }}}
 		{{{ end }}}
-		</span>
-	</span> <span class="caret"></span>
+	</span>
+	<span class="caret"></span>
 </button>
 
 <div class="dropdown-menu p-1">