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>
   );