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}