From 984357c20b0a421c5a7012bf3a57dcaac93f6b47 Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Sun, 18 Jan 2026 11:05:13 +0100
Subject: [PATCH] [dyad] Remove selection ring artifact - wrote 1 file(s)

---
 src/components/image-converter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/image-converter.tsx b/src/components/image-converter.tsx
index e6bf365..76daff5 100644
--- a/src/components/image-converter.tsx
+++ b/src/components/image-converter.tsx
@@ -272,7 +272,7 @@ export function ImageConverter() {
               <ScrollArea className="h-[400px] pr-4">
                 <div className="space-y-4">
                   {previewUrls.map((url, index) => (
-                    <div key={url} className={cn("p-4 border rounded-lg flex items-center gap-4 cursor-pointer transition-all", selectedImageIndex === index && "ring-2 ring-primary shadow-md")} onClick={() => setSelectedImageIndex(index)}>
+                    <div key={url} className={cn("p-4 border rounded-lg flex items-center gap-4 cursor-pointer transition-all", selectedImageIndex === index && "bg-accent")} onClick={() => setSelectedImageIndex(index)}>
                       <img src={url} alt={`Preview ${index + 1}`} className="w-20 h-20 object-cover rounded-md shrink-0" />
                       <div className="flex-1 space-y-2 min-w-0">
                         <p className="text-sm font-medium truncate text-gray-700 dark:text-gray-300" title={images[index].name}>