From b5c778e89a84aecf01a863f040e95b15406d6787 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 11 Jul 2026 16:16:35 +0300
Subject: [PATCH] Fix tier list maker png export showing selected row

---
 app/features/tier-list-maker/components/TierRow.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/features/tier-list-maker/components/TierRow.tsx b/app/features/tier-list-maker/components/TierRow.tsx
index 647bde496..fece071cb 100644
--- a/app/features/tier-list-maker/components/TierRow.tsx
+++ b/app/features/tier-list-maker/components/TierRow.tsx
@@ -60,7 +60,8 @@ export function TierRow({ tier }: TierRowProps) {
 	const isLastTier = tierIndex === state.tiers.length - 1;
 
 	const isClickMode = placementMode === "click";
-	const isSelected = isClickMode && selectedTierId === tier.id;
+	const isSelected =
+		isClickMode && !screenshotMode && selectedTierId === tier.id;
 
 	const selectTierProps = isClickMode
 		? {
@@ -152,10 +153,11 @@ export function TierRow({ tier }: TierRowProps) {
 				ref={combinedRef}
 				style={{
 					borderRadius: screenshotMode ? "var(--radius-field)" : undefined,
+					transition: screenshotMode ? "none" : undefined,
 				}}
 				className={clsx(styles.targetZone, {
 					[styles.targetZoneOver]: isOver,
-					[styles.targetZoneSelectable]: isClickMode,
+					[styles.targetZoneSelectable]: isClickMode && !screenshotMode,
 					[styles.targetZoneSelected]: isSelected,
 				})}
 				{...selectTierProps}