feat: improve whitespace handling in NodeDescription component (#5096)

* 📝 (NodeDescription/index.tsx): update CSS classes to improve text formatting and readability in NodeDescription component * ♻️ (NodeDescription/index.tsx): refactor NodeDescription component styles to improve readability and remove redundant classnames
langflow-ai · Dec 5, 2024 · 360fad4 · 360fad4
1 parent 16d3633
commit 360fad4
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/frontend/src/CustomNodes/GenericNode/components/NodeDescription/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/NodeDescription/index.tsx
@@ -149,7 +149,7 @@ export default function NodeDescription({
             <Markdown
               linkTarget="_blank"
               className={cn(
-                "markdown prose flex w-full flex-col text-[13px] leading-5 word-break-break-word [&_pre]:!bg-code-description-background [&_pre_code]:!bg-code-description-background",
+                "markdown prose flex w-full flex-col text-[13px] leading-5 word-break-break-word [&_pre]:whitespace-break-spaces [&_pre]:!bg-code-description-background [&_pre_code]:!bg-code-description-background",
                 mdClassName,
               )}
             >