From d363629c161846c2a04d3d29a1f685d4d29e7e20 Mon Sep 17 00:00:00 2001
From: csuarez <carlos.suarez@rocket.chat>
Date: Wed, 18 Oct 2023 10:00:15 -0500
Subject: [PATCH] Fix button children as button

---
 .changeset/cyan-mangos-do.md                              | 2 +-
 .../components/CategoryFilter/CategoryDropDownAnchor.tsx  | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/.changeset/cyan-mangos-do.md b/.changeset/cyan-mangos-do.md
index 337d8824376e..e188686c82d5 100644
--- a/.changeset/cyan-mangos-do.md
+++ b/.changeset/cyan-mangos-do.md
@@ -2,4 +2,4 @@
 "@rocket.chat/meteor": patch
 ---
 
-chore: fix UI issue on marketplace filters
+fix: UI issue on marketplace filters
diff --git a/apps/meteor/client/views/marketplace/components/CategoryFilter/CategoryDropDownAnchor.tsx b/apps/meteor/client/views/marketplace/components/CategoryFilter/CategoryDropDownAnchor.tsx
index 4e0d3a027093..2387eaebd412 100644
--- a/apps/meteor/client/views/marketplace/components/CategoryFilter/CategoryDropDownAnchor.tsx
+++ b/apps/meteor/client/views/marketplace/components/CategoryFilter/CategoryDropDownAnchor.tsx
@@ -19,6 +19,7 @@ const CategoryDropDownAnchor = forwardRef<HTMLElement, CategoryDropDownAnchorPro
 			is='button'
 			ref={ref}
 			onClick={onClick}
+			alignItems='center'
 			bg={selectedCategoriesCount ? colorTokens.b500 : 'light'}
 			borderColor={selectedCategoriesCount ? 'none' : 'light'}
 			borderRadius='x4'
@@ -35,7 +36,7 @@ const CategoryDropDownAnchor = forwardRef<HTMLElement, CategoryDropDownAnchorPro
 		>
 			{selectedCategoriesCount > 0 && (
 				<Box
-					is={Button}
+					is='span'
 					alignItems='center'
 					bg='light'
 					borderRadius='x32'
@@ -46,8 +47,9 @@ const CategoryDropDownAnchor = forwardRef<HTMLElement, CategoryDropDownAnchorPro
 					h='fit-content'
 					justifyContent='center'
 					mie={6}
-					minWidth={25}
-					p={0}
+					minWidth={22}
+					pb={4}
+					pi={0}
 				>
 					{selectedCategoriesCount}
 				</Box>