diff --git a/invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/ImageToImageToggle.tsx b/invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/ImageToImageToggle.tsx
index dbaaf327c4..07d100be96 100644
--- a/invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/ImageToImageToggle.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/ImageToImageToggle.tsx
@@ -1,3 +1,4 @@
+import { Flex } from '@chakra-ui/react';
 import { RootState } from 'app/store';
 import { useAppDispatch, useAppSelector } from 'app/storeHooks';
 import IAISwitch from 'common/components/IAISwitch';
@@ -18,11 +19,18 @@ export default function ImageToImageToggle() {
     dispatch(isImageToImageEnabledChanged(e.target.checked));
 
   return (
-    <IAISwitch
-      label={t('common.img2img')}
-      isChecked={isImageToImageEnabled}
-      width="auto"
-      onChange={handleChange}
-    />
+    <Flex background="base.800" py={1.5} px={4} borderRadius={4}>
+      <IAISwitch
+        label={t('common.img2img')}
+        isChecked={isImageToImageEnabled}
+        width="full"
+        onChange={handleChange}
+        justifyContent="space-between"
+        formLabelProps={{
+          fontWeight: 'bold',
+          color: 'base.200',
+        }}
+      />
+    </Flex>
   );
 }