diff --git a/packages/ui/components/AppCard.tsx b/packages/ui/components/AppCard.tsx
index 4c9e761fc..1967eae43 100644
--- a/packages/ui/components/AppCard.tsx
+++ b/packages/ui/components/AppCard.tsx
@@ -28,7 +28,7 @@ export const AppCard = ({isActive = false, name, description, badges, className,
               {isServer && <ServiceInfoBadge info='server'/>}
             </div>
             }
-            {badges.map((badge, index) => (<ServiceInfoBadge info={badge} key={index} />))}
+            {Array.from(new Set(badges)).map((badge, index) => (<ServiceInfoBadge info={badge} key={badge + index} aria-label={`Badge for ${badge}`} />))}
           </div>
         </div>
         <div className="w-full h-px bg-gray-700"></div>