diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json
index aaa6c4e441..351e483fcc 100644
--- a/invokeai/frontend/web/public/locales/en.json
+++ b/invokeai/frontend/web/public/locales/en.json
@@ -378,8 +378,8 @@
         "bulkDownloadFailed": "Download Failed",
         "problemDeletingImages": "Problem Deleting Images",
         "problemDeletingImagesDesc": "One or more images could not be deleted",
-        "firstImage": "First Image",
-        "secondImage": "Second Image",
+        "viewerImage": "Viewer Image",
+        "compareImage": "Compare Image",
         "selectForCompare": "Select for Compare",
         "selectAnImageToCompare": "Select an Image to Compare",
         "slider": "Slider",
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 e0d5e7fbd4..269c394498 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ImageComparisonSlider.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ImageComparisonSlider.tsx
@@ -184,7 +184,7 @@ export const ImageComparisonSlider = memo(({ firstImage, secondImage }: Props) =
             filter={DROP_SHADOW}
             color="base.50"
           >
-            {t('gallery.secondImage')}
+            {t('gallery.compareImage')}
           </Text>
           <Box
             id="image-comparison-first-image-container"
@@ -213,7 +213,7 @@ export const ImageComparisonSlider = memo(({ firstImage, secondImage }: Props) =
               filter={DROP_SHADOW}
               color="base.50"
             >
-              {t('gallery.firstImage')}
+              {t('gallery.viewerImage')}
             </Text>
           </Box>
           <Flex