diff --git a/src/frontend/src/alerts/error/index.tsx b/src/frontend/src/alerts/error/index.tsx
index d88f44558..c3c2f3925 100644
--- a/src/frontend/src/alerts/error/index.tsx
+++ b/src/frontend/src/alerts/error/index.tsx
@@ -77,7 +77,7 @@ export default function ErrorAlert({
                             ),
                             p({ node, ...props }) {
                               return (
-                                <span className="inline-block w-fit max-w-full align-text-top">
+                                <span className="inline-block w-fit max-w-full align-text-top truncate-multiline">
                                   {props.children}
                                 </span>
                               );
diff --git a/src/frontend/src/pages/FlowPage/components/flowBuildingComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/flowBuildingComponent/index.tsx
index 96f560d74..2e74320a9 100644
--- a/src/frontend/src/pages/FlowPage/components/flowBuildingComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/flowBuildingComponent/index.tsx
@@ -262,7 +262,7 @@ export default function FlowBuildingComponent() {
                             ),
                             p({ node, ...props }) {
                               return (
-                                <span className="inline-block w-fit max-w-full align-text-top">
+                                <span className="inline-block w-fit max-w-full align-text-top truncate-doubleline">
                                   {props.children}
                                 </span>
                               );