diff --git a/public/src/admin/manage/categories.js b/public/src/admin/manage/categories.js
index a2ec91f1fd..7342d0c1de 100644
--- a/public/src/admin/manage/categories.js
+++ b/public/src/admin/manage/categories.js
@@ -46,6 +46,10 @@ define('admin/manage/categories', [
 			const el = $(this);
 			el.find('i').toggleClass('fa-chevron-down').toggleClass('fa-chevron-right');
 			el.closest('[data-cid]').find('> ul[data-cid]').toggleClass('hidden');
+			const hasMoreEl = el.closest('[data-cid]').find('> ul.has-more-categories');
+			if (parseInt(hasMoreEl.attr('data-hasmore'), 10) === 1) {
+				hasMoreEl.toggleClass('hidden');
+			}
 		});
 
 		$('.categories').on('click', '.set-order', function () {
diff --git a/src/views/admin/partials/categories/category-rows.tpl b/src/views/admin/partials/categories/category-rows.tpl
index c611cd72e8..ef8b84f63b 100644
--- a/src/views/admin/partials/categories/category-rows.tpl
+++ b/src/views/admin/partials/categories/category-rows.tpl
@@ -55,8 +55,11 @@
 			</div>
 		</div>
 
-		<ul class="list-unstyled has-more-categories {{{ if !../hasMoreSubCategories}}}hidden{{{ end }}}">
-			<li>
+		<ul class="list-unstyled has-more-categories mt-2 {{{ if !./hasMoreSubCategories}}}hidden{{{ end }}}" data-hasmore="{{{ if ./hasMoreSubCategories}}}1{{{ else }}}0{{{ end }}}">
+			<li class="d-flex gap-2">
+				<div class="invisible toggle text-center text-sm">
+					<i class="fa fa-chevron-down"></i>
+				</div>
 				<a href="{config.relative_path}/admin/manage/categories?cid={categories.cid}&page={categories.showMorePage}" class="btn btn-sm btn-light">[[category:x-more-categories, {../subCategoriesLeft}]]</a>
 			</li>
 		</ul>