From a3deb8d30d893efab0ee5bc19d7a5d6860875760 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Thu, 24 Oct 2024 18:09:29 +1000
Subject: [PATCH] tweak(ui): bundle tooltip styling

---
 .../subpanels/AddModelPanel/StarterModels/StarterBundle.tsx   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterBundle.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterBundle.tsx
index 825cbe5f4b..51d69ab181 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterBundle.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterBundle.tsx
@@ -48,7 +48,9 @@ export const StarterBundle = ({ bundleName, bundle }: { bundleName: string; bund
           <Text>{t('modelManager.includesNModels', { n: bundle.length })}:</Text>
           <UnorderedList>
             {bundle.map((model, index) => (
-              <ListItem key={index}>{model.name}</ListItem>
+              <ListItem key={index} wordBreak="break-all">
+                {model.name}
+              </ListItem>
             ))}
           </UnorderedList>
         </Flex>