From 805bcb863d8dc713dd96375501e510a0e78b5483 Mon Sep 17 00:00:00 2001
From: Felipe Coutinho <felipi@live.com>
Date: Sat, 11 Apr 2026 22:43:43 +0000
Subject: [PATCH] =?UTF-8?q?fix(logo-picker):=20corrigir=20renderiza=C3=A7?=
 =?UTF-8?q?=C3=A3o=20de=20miniaturas=20no=20modal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../components/logo-picker/logo-picker.tsx    | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/shared/components/logo-picker/logo-picker.tsx b/src/shared/components/logo-picker/logo-picker.tsx
index 3e002d7..6d5680f 100644
--- a/src/shared/components/logo-picker/logo-picker.tsx
+++ b/src/shared/components/logo-picker/logo-picker.tsx
@@ -49,14 +49,14 @@ export function LogoPickerTrigger({
 				className,
 			)}
 		>
-			<span className="flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/40 bg-background shadow-xs">
+			<span className="relative flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/40 bg-background shadow-xs">
 				{selectedLogoPath ? (
 					<Image
 						src={selectedLogoPath}
 						alt={selectedLogoLabel || "Logo selecionado"}
-						width={28}
-						height={28}
-						className="h-full w-full object-contain"
+						fill
+						sizes="32px"
+						className="object-contain p-0.5"
 					/>
 				) : (
 					<span className="text-[10px] text-muted-foreground">Logo</span>
@@ -161,14 +161,16 @@ export function LogoPickerDialog({
 											"border-primary bg-primary/5 ring-2 ring-primary/40",
 									)}
 								>
-									<span className="flex w-full items-center justify-center overflow-hidden rounded-full">
-										<Image
-											src={resolveLogoSrc(logo, { basePath }) ?? logo}
-											alt={logoLabel || logo}
-											width={40}
-											height={40}
-											className="rounded-full"
-										/>
+									<span className="flex w-full items-center justify-center">
+										<span className="relative size-10 overflow-hidden rounded-full">
+											<Image
+												src={resolveLogoSrc(logo, { basePath }) ?? logo}
+												alt={logoLabel || logo}
+												fill
+												sizes="40px"
+												className="object-contain"
+											/>
+										</span>
 									</span>
 									<span className="line-clamp-1 text-[10px] leading-tight text-muted-foreground">
 										{logoLabel}