diff --git a/invokeai/frontend/web/src/features/controlNet/components/ControlNetImagePreview.tsx b/invokeai/frontend/web/src/features/controlNet/components/ControlNetImagePreview.tsx index 632f88b57b..b4ed2c254e 100644 --- a/invokeai/frontend/web/src/features/controlNet/components/ControlNetImagePreview.tsx +++ b/invokeai/frontend/web/src/features/controlNet/components/ControlNetImagePreview.tsx @@ -60,7 +60,10 @@ const ControlNetImagePreview = (props: Props) => { processorType !== 'none'; return ( - + { alignItems: 'center', justifyContent: 'center', gap: 4, + position: 'absolute', }} > diff --git a/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx b/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx index a1c4d5acab..72dec6c149 100644 --- a/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx +++ b/invokeai/frontend/web/src/features/parameters/components/Parameters/ImageToImage/InitialImagePreview.tsx @@ -72,9 +72,10 @@ const InitialImagePreview = () => { sx={{ width: 'full', height: 'full', - position: 'relative', + position: 'absolute', alignItems: 'center', justifyContent: 'center', + p: 4, }} >