From 22ff5f71cca7767a4a3f56ba43f8b9adc56a3252 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Thu, 5 Jun 2025 19:34:36 +1000
Subject: [PATCH] feat(ui): improved staging placeholders

---
 .../components/SimpleSession/QueueItemProgressImage.tsx         | 2 +-
 .../components/SimpleSession/StagingAreaContent.tsx             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/QueueItemProgressImage.tsx b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/QueueItemProgressImage.tsx
index 64c9924c27..0cf59fd290 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/QueueItemProgressImage.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/QueueItemProgressImage.tsx
@@ -10,7 +10,7 @@ export const QueueItemProgressImage = memo(({ itemId, ...rest }: Props) => {
   const { progressImage } = useProgressData(ctx.$progressData, itemId);
 
   if (!progressImage) {
-    return <Flex w="full" h="full" bg="base.800" alignItems="center" justifyContent="center" />;
+    return <Flex w="full" h="full" bg="base.900" alignItems="center" justifyContent="center" />;
   }
 
   return (
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/StagingAreaContent.tsx b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/StagingAreaContent.tsx
index 76cafe25ea..0f60379962 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/StagingAreaContent.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/StagingAreaContent.tsx
@@ -11,7 +11,7 @@ export const StagingAreaContent = memo(() => {
         <StagingAreaSelectedItem />
       </Flex>
       <Divider />
-      <Flex position="relative" maxW="full" w="full" h={108}>
+      <Flex position="relative" maxW="full" w="full" h={108} flexShrink={0}>
         <StagingAreaItemsList />
       </Flex>
     </>