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