diff --git a/invokeai/frontend/web/src/features/toast/ErrorToastDescription.tsx b/invokeai/frontend/web/src/features/toast/ErrorToastDescription.tsx
index 30a9ab8a9b..c0ee8661c7 100644
--- a/invokeai/frontend/web/src/features/toast/ErrorToastDescription.tsx
+++ b/invokeai/frontend/web/src/features/toast/ErrorToastDescription.tsx
@@ -11,10 +11,10 @@ export const ErrorToastTitle = ({ errorType }: Props) => {
   const { t } = useTranslation();
 
   if (errorType === 'OutOfMemoryError') {
-    return t('toast.outOfMemoryError');
+    return <Text>{t('toast.outOfMemoryError')}</Text>;
   }
 
-  return t('toast.serverError');
+  return <Text>{t('toast.serverError')}</Text>;
 };
 
 export default function ErrorToastDescription({ errorType, isLocal, sessionId, errorMessage }: Props) {