From 394a14cf619e7932ac67974255389b8a4699e7c8 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Thu, 26 Jun 2025 18:19:08 +1000
Subject: [PATCH] fix(ui): progress in viewer bg color

---
 .../gallery/components/ImageViewer/CurrentImagePreview.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CurrentImagePreview.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CurrentImagePreview.tsx
index d242ad99f6..007825a132 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CurrentImagePreview.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CurrentImagePreview.tsx
@@ -110,7 +110,7 @@ export const CurrentImagePreview = memo(({ imageDTO }: { imageDTO: ImageDTO | nu
       )}
       {!imageDTO && <NoContentForViewer />}
       {withProgress && (
-        <Flex w="full" h="full" position="absolute" alignItems="center" justifyContent="center">
+        <Flex w="full" h="full" position="absolute" alignItems="center" justifyContent="center" bg="base.900">
           <ProgressImage progressImage={progressImage} />
           {progressEvent && (
             <ProgressIndicator progressEvent={progressEvent} position="absolute" top={6} right={6} size={8} />