diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddBadge.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddBadge.tsx
index 8ecd6a16bc..a8b1f9f4fb 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddBadge.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/AutoAddBadge.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 export const AutoAddBadge = memo(() => {
   const { t } = useTranslation();
   return (
-    <Badge color="invokeBlue.400" borderColor="invokeBlue.700" borderWidth={1} bg="transparent">
+    <Badge color="invokeBlue.400" borderColor="invokeBlue.700" borderWidth={1} bg="transparent" flexShrink={0}>
       {t('common.auto')}
     </Badge>
   );