From 0f0a6852f14dcfa12b8aac5c6fb2a2e4d8cd1abe Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Sat, 1 Jun 2024 11:07:51 +1000
Subject: [PATCH] fix(ui): make compare image scale with first image when using
 contain fit

---
 .../gallery/components/ImageViewer/ImageComparisonSlider.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ImageComparisonSlider.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ImageComparisonSlider.tsx
index 269c394498..39cb1d43ae 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ImageComparisonSlider.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ImageComparisonSlider.tsx
@@ -168,8 +168,8 @@ export const ImageComparisonSlider = memo(({ firstImage, secondImage }: Props) =
           <Image
             src={secondImage.image_url}
             fallbackSrc={secondImage.thumbnail_url}
-            w={sliderFit === 'fill' ? fittedSize.width : secondImage.width}
-            h={sliderFit === 'fill' ? fittedSize.height : secondImage.height}
+            w={sliderFit === 'fill' ? fittedSize.width : (fittedSize.width * secondImage.width) / firstImage.width}
+            h={sliderFit === 'fill' ? fittedSize.height : (fittedSize.height * secondImage.height) / firstImage.height}
             maxW={fittedSize.width}
             maxH={fittedSize.height}
             objectFit={sliderFit}