From 1197133d06141102a09ef15a93b42faa5aabda4b Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Mon, 22 Jan 2024 09:09:52 +1100
Subject: [PATCH] fix(ui): fix lora name wrap

---
 .../frontend/web/src/features/lora/components/LoRACard.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx b/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx
index 7f58297cd5..9fdaa64bcc 100644
--- a/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx
+++ b/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx
@@ -4,8 +4,8 @@ import {
   CardHeader,
   CompositeNumberInput,
   CompositeSlider,
-  FormLabel,
   IconButton,
+  Text,
 } from '@invoke-ai/ui';
 import { useAppDispatch } from 'app/store/storeHooks';
 import type { LoRA } from 'features/lora/store/loraSlice';
@@ -35,9 +35,9 @@ export const LoRACard = memo((props: LoRACardProps) => {
   return (
     <Card variant="lora">
       <CardHeader>
-        <FormLabel noOfLines={1} wordBreak="break-all">
+        <Text noOfLines={1} wordBreak="break-all" color="base.200">
           {lora.model_name}
-        </FormLabel>
+        </Text>
         <IconButton
           aria-label="Remove LoRA"
           variant="ghost"