From 999809b4c73bf403fd269ee5f62e43c86fd472e4 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 6 Nov 2024 14:37:19 +1000
Subject: [PATCH] fix(ui): minor viewer close button styling

---
 .../gallery/components/ImageViewer/ViewerToolbar.tsx        | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ViewerToolbar.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ViewerToolbar.tsx
index fe1c6e3b26..e4bdf895f4 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ViewerToolbar.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ViewerToolbar.tsx
@@ -22,8 +22,10 @@ export const ViewerToolbar = memo(({ closeButton }: Props) => {
       <Flex flex={1} justifyContent="center" alignItems="center">
         <CurrentImageButtons />
       </Flex>
-      <Flex flex={1} justifyContent="center" alignItems="center">
-        <Flex marginInlineStart="auto">{closeButton}</Flex>
+      <Flex flex={1} justifyContent="center">
+        <Flex marginInlineStart="auto" alignItems="center">
+          {closeButton}
+        </Flex>
       </Flex>
     </Flex>
   );