From 1b8eadbf19c36e8822ea9389a26f335e07a59df9 Mon Sep 17 00:00:00 2001
From: payacom <59262811+payacom@users.noreply.github.com>
Date: Wed, 16 Sep 2026 16:56:58 +0330
Subject: [PATCH] fix(ui): expertise filter chips match apply/clear button
 roundness

filterChipClass renders rounded-3xl (full pill) while the apply/clear
RoundedButtons below it render rounded-2xl, a visible mismatch in the same
modal. Scoped override via className (twMerge) instead of touching the
shared filterChipClass/btnFilterChip used by 24+ other call sites.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/components/models/FilterModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/models/FilterModal.tsx b/src/components/models/FilterModal.tsx
index fd4a3dc..60961d2 100644
--- a/src/components/models/FilterModal.tsx
+++ b/src/components/models/FilterModal.tsx
@@ -232,7 +232,7 @@ function FilterModal({
             <div className="flex flex-wrap justify-center gap-2">
               <button
                 type="button"
-                className={filterChipClass(!selectedExpertise)}
+                className={filterChipClass(!selectedExpertise, "rounded-2xl")}
                 onClick={() => handleExpertiseSelect("")}
               >
                 {t("filters.all")}
@@ -243,7 +243,7 @@ function FilterModal({
                   <button
                     key={item._id}
                     type="button"
-                    className={filterChipClass(isActive)}
+                    className={filterChipClass(isActive, "rounded-2xl")}
                     onClick={() =>
                       handleExpertiseSelect(isActive ? "" : item.expertise)
                     }