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"