diff --git a/invokeai/frontend/web/src/common/components/ImageToImageOverlay.tsx b/invokeai/frontend/web/src/common/components/ImageToImageOverlay.tsx
index a78ced06ea..45a45e37d3 100644
--- a/invokeai/frontend/web/src/common/components/ImageToImageOverlay.tsx
+++ b/invokeai/frontend/web/src/common/components/ImageToImageOverlay.tsx
@@ -1,32 +1,11 @@
-import { Badge, Box, ButtonGroup, Flex } from '@chakra-ui/react';
-import { RootState } from 'app/store/store';
-import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
-import { clearInitialImage } from 'features/parameters/store/generationSlice';
-import { useCallback } from 'react';
-import IAIIconButton from 'common/components/IAIIconButton';
-import { FaUndo, FaUpload } from 'react-icons/fa';
-import { useTranslation } from 'react-i18next';
+import { Badge, Box, Flex } from '@chakra-ui/react';
 import { Image } from 'app/types/invokeai';
 
 type ImageToImageOverlayProps = {
-  setIsLoaded: (isLoaded: boolean) => void;
   image: Image;
 };
 
-const ImageToImageOverlay = ({
-  setIsLoaded,
-  image,
-}: ImageToImageOverlayProps) => {
-  const isImageToImageEnabled = useAppSelector(
-    (state: RootState) => state.generation.isImageToImageEnabled
-  );
-  const dispatch = useAppDispatch();
-  const { t } = useTranslation();
-  const handleResetInitialImage = useCallback(() => {
-    dispatch(clearInitialImage());
-    setIsLoaded(false);
-  }, [dispatch, setIsLoaded]);
-
+const ImageToImageOverlay = ({ image }: ImageToImageOverlayProps) => {
   return (
     <Box
       sx={{
diff --git a/invokeai/frontend/web/src/common/components/ImageToImageSettingsHeader.tsx b/invokeai/frontend/web/src/common/components/ImageToImageSettingsHeader.tsx
index bbd39c439f..a7cf1cb172 100644
--- a/invokeai/frontend/web/src/common/components/ImageToImageSettingsHeader.tsx
+++ b/invokeai/frontend/web/src/common/components/ImageToImageSettingsHeader.tsx
@@ -1,34 +1,13 @@
-import {
-  Box,
-  ButtonGroup,
-  Collapse,
-  Flex,
-  Heading,
-  HStack,
-  Image,
-  Spacer,
-  Text,
-  useDisclosure,
-  VStack,
-} from '@chakra-ui/react';
-import { motion } from 'framer-motion';
-
-import IAIButton from 'common/components/IAIButton';
-import ImageFit from 'features/parameters/components/AdvancedParameters/ImageToImage/ImageFit';
-import ImageToImageStrength from 'features/parameters/components/AdvancedParameters/ImageToImage/ImageToImageStrength';
+import { ButtonGroup, Flex, Spacer, Text } from '@chakra-ui/react';
 import IAIIconButton from 'common/components/IAIIconButton';
 
 import { useTranslation } from 'react-i18next';
 import { FaUndo, FaUpload } from 'react-icons/fa';
-import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
-import { RootState } from 'app/store/store';
+import { useAppDispatch } from 'app/store/storeHooks';
 import { useCallback } from 'react';
 import { clearInitialImage } from 'features/parameters/store/generationSlice';
 
 const ImageToImageSettingsHeader = () => {
-  const isImageToImageEnabled = useAppSelector(
-    (state: RootState) => state.generation.isImageToImageEnabled
-  );
   const dispatch = useAppDispatch();
   const { t } = useTranslation();
 
diff --git a/invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/InitialImagePreview.tsx b/invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/InitialImagePreview.tsx
index 8a91602ada..9682d2eb0b 100644
--- a/invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/InitialImagePreview.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/InitialImagePreview.tsx
@@ -17,7 +17,7 @@ import { ImageType } from 'services/api';
 import ImageToImageOverlay from 'common/components/ImageToImageOverlay';
 import { initialImageSelector } from 'features/parameters/store/generationSelectors';
 
-const initialImagePreviewSelector = createSelector(
+const selector = createSelector(
   [initialImageSelector],
   (initialImage) => {
     return {
@@ -31,7 +31,7 @@ const InitialImagePreview = () => {
   const isImageToImageEnabled = useAppSelector(
     (state: RootState) => state.generation.isImageToImageEnabled
   );
-  const { initialImage } = useAppSelector(initialImagePreviewSelector);
+  const { initialImage } = useAppSelector(selector);
   const { getUrl } = useGetUrl();
   const dispatch = useAppDispatch();
   const { t } = useTranslation();
@@ -113,12 +113,7 @@ const InitialImagePreview = () => {
               </Flex>
             }
           />
-          {isLoaded && (
-            <ImageToImageOverlay
-              setIsLoaded={setIsLoaded}
-              image={initialImage}
-            />
-          )}
+          {isLoaded && <ImageToImageOverlay image={initialImage} />}
         </Box>
       )}
       {!initialImage?.url && <SelectImagePlaceholder />}
diff --git a/invokeai/frontend/web/src/features/parameters/components/AnimatedImageToImagePanel.tsx b/invokeai/frontend/web/src/features/parameters/components/AnimatedImageToImagePanel.tsx
index a15759cd1f..da9262ac0f 100644
--- a/invokeai/frontend/web/src/features/parameters/components/AnimatedImageToImagePanel.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/AnimatedImageToImagePanel.tsx
@@ -15,9 +15,9 @@ const AnimatedImageToImagePanel = () => {
     <AnimatePresence>
       {isImageToImageEnabled && (
         <motion.div
-          initial={{ opacity: 0, scaleX: 0, width: 0 }}
-          animate={{ opacity: 1, scaleX: 1, width: '28rem' }}
-          exit={{ opacity: 0, scaleX: 0, width: 0 }}
+          initial={{ opacity: 0, scale: 0, width: 0 }}
+          animate={{ opacity: 1, scale: 1, width: '28rem' }}
+          exit={{ opacity: 0, scale: 0, width: 0 }}
           transition={{ type: 'spring', bounce: 0, duration: 0.35 }}
         >
           <Box sx={{ h: 'full', w: 'full', pl: 4 }}>