From 38256f97b3b262d2b78ac5455ffc9dec9fdafe7a Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 29 Dec 2023 09:14:20 +1100
Subject: [PATCH] fix(ui): fix word break on LoRACard

---
 invokeai/frontend/web/src/features/lora/components/LoRACard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx b/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx
index c4062524b1..7ea4f819d0 100644
--- a/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx
+++ b/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx
@@ -43,7 +43,7 @@ export const LoRACard = memo((props: LoRACardProps) => {
   return (
     <InvCard variant="lora">
       <InvCardHeader>
-        <InvText noOfLines={1}>{lora.model_name}</InvText>
+        <InvText noOfLines={1} wordBreak='break-all'>{lora.model_name}</InvText>
         <InvIconButton
           aria-label="Remove LoRA"
           variant="ghost"