From 341c7215b366cbbd6a6c3e8894e15d25b55cd402 Mon Sep 17 00:00:00 2001
From: Amirhossein Khalili <amirhosseinkhalili901@gmail.com>
Date: Fri, 2 Oct 2026 12:22:35 +0330
Subject: [PATCH] fix: use available width for public badge grid

---
 src/components/profile/PublicProfileBadges.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/profile/PublicProfileBadges.tsx b/src/components/profile/PublicProfileBadges.tsx
index ebe0445..a628c9d 100644
--- a/src/components/profile/PublicProfileBadges.tsx
+++ b/src/components/profile/PublicProfileBadges.tsx
@@ -35,7 +35,11 @@ export function PublicProfileBadges({ badges }: { badges: PublicGamificationBadg
         </section>
       ) : null}
 
-      <ActivityBadgePaths badges={badges} title="نشان‌ها" gridClassName="grid gap-3" />
+      <ActivityBadgePaths
+        badges={badges}
+        title="نشان‌ها"
+        gridClassName="grid gap-3 [grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))]"
+      />
     </div>
   );
 }