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}