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>
   );
 }