From dd9f2bcbe4ec94fc562b4fb8ffb44780f630f062 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 22 Mar 2026 22:51:50 -0500
Subject: [PATCH] fix: remove border from badge thumbnails to preserve
 transparency

---
 src/components/BadgeThumbnail.tsx    | 2 +-
 src/components/CreateBadgeDialog.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/BadgeThumbnail.tsx b/src/components/BadgeThumbnail.tsx
index 85d6c00c..9f84cfa6 100644
--- a/src/components/BadgeThumbnail.tsx
+++ b/src/components/BadgeThumbnail.tsx
@@ -22,7 +22,7 @@ export function BadgeThumbnail({ badge, size = 48, className }: BadgeThumbnailPr
       src={thumbUrl}
       alt={badge.name}
       className={cn(
-        'rounded-lg object-cover border border-border bg-background',
+        'rounded-lg object-cover',
         className,
       )}
       style={{ width: size, height: size }}
diff --git a/src/components/CreateBadgeDialog.tsx b/src/components/CreateBadgeDialog.tsx
index 35f7c6cd..b3f945c6 100644
--- a/src/components/CreateBadgeDialog.tsx
+++ b/src/components/CreateBadgeDialog.tsx
@@ -205,7 +205,7 @@ export function CreateBadgeDialog({ open, onOpenChange }: CreateBadgeDialogProps
                 </div>
 
                 {imageUrl && (
-                  <div className="mx-auto w-20 h-20 rounded-xl overflow-hidden bg-secondary/10 border border-border">
+                  <div className="mx-auto w-20 h-20 rounded-xl overflow-hidden">
                     <img src={imageUrl} alt={badgeName} className="w-full h-full object-cover" />
                   </div>
                 )}