diff --git a/invokeai/frontend/web/src/features/gallery/components/GalleryBulkSelect.tsx b/invokeai/frontend/web/src/features/gallery/components/GalleryBulkSelect.tsx index e1978203d9..b06ef69e4e 100644 --- a/invokeai/frontend/web/src/features/gallery/components/GalleryBulkSelect.tsx +++ b/invokeai/frontend/web/src/features/gallery/components/GalleryBulkSelect.tsx @@ -1,4 +1,4 @@ -import { Flex, IconButton, Tag, TagCloseButton, TagLabel, Tooltip } from '@invoke-ai/ui-library'; +import { Flex, IconButton, Spacer, Tag, TagCloseButton, TagLabel, Tooltip } from '@invoke-ai/ui-library'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { useGalleryImages } from 'features/gallery/hooks/useGalleryImages'; import { selectionChanged } from 'features/gallery/store/gallerySlice'; @@ -22,16 +22,18 @@ export const GalleryBulkSelect = () => { return ( - - - {selection.length} {t('common.selected')} - - {selection.length > 0 && ( + {selection.length > 0 ? ( + + + {selection.length} {t('common.selected')} + - )} - + + ) : ( + + )}