From d38d513d23f9ef0f1756c1c907a665cb9fed2083 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 9 Jul 2024 22:39:32 +1000
Subject: [PATCH] fix(ui): autoadd badge doesn't flex shrink

---
 .../web/src/features/gallery/components/Boards/AutoAddBadge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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