diff --git a/airflow-core/src/airflow/ui/src/components/TruncatedText.tsx b/airflow-core/src/airflow/ui/src/components/WrappedText.tsx
similarity index 91%
rename from airflow-core/src/airflow/ui/src/components/TruncatedText.tsx
rename to airflow-core/src/airflow/ui/src/components/WrappedText.tsx
index 698ce4d95778b..0c269dcf9c34c 100644
--- a/airflow-core/src/airflow/ui/src/components/TruncatedText.tsx
+++ b/airflow-core/src/airflow/ui/src/components/WrappedText.tsx
@@ -22,14 +22,12 @@ type Props = {
   readonly text: string;
 } & TextProps;
 
-export const TruncatedText = ({ text, ...rest }: Props) => (
+export const WrappedText = ({ text, ...rest }: Props) => (
   <Text
     display="-webkit-box"
     minWidth={200}
-    overflow="hidden"
     style={{
       WebkitBoxOrient: "vertical",
-      WebkitLineClamp: 2,
     }}
     title={text}
     wordBreak="break-word"
diff --git a/airflow-core/src/airflow/ui/src/pages/DagRuns.tsx b/airflow-core/src/airflow/ui/src/pages/DagRuns.tsx
index b837cbee7c5e3..c046b3fe49522 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagRuns.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagRuns.tsx
@@ -35,7 +35,7 @@ import RenderedJsonField from "src/components/RenderedJsonField";
 import { RunTypeIcon } from "src/components/RunTypeIcon";
 import { StateBadge } from "src/components/StateBadge";
 import Time from "src/components/Time";
-import { TruncatedText } from "src/components/TruncatedText";
+import { WrappedText } from "src/components/WrappedText";
 import { SearchParamsKeys, type SearchParamsKeysType } from "src/constants/searchParams";
 import { DagRunsFilters } from "src/pages/DagRunsFilters";
 import DeleteRunButton from "src/pages/DeleteRunButton";
@@ -67,7 +67,7 @@ const runColumns = (translate: TFunction, dagId?: string): Array<ColumnDef<DAGRu
           cell: ({ row: { original } }: DagRunRow) => (
             <Link asChild color="fg.info">
               <RouterLink to={`/dags/${original.dag_id}`}>
-                <TruncatedText text={original.dag_display_name} />
+                <WrappedText text={original.dag_display_name} />
               </RouterLink>
             </Link>
           ),
@@ -80,7 +80,7 @@ const runColumns = (translate: TFunction, dagId?: string): Array<ColumnDef<DAGRu
     cell: ({ row: { original } }: DagRunRow) => (
       <Link asChild color="fg.info" fontWeight="bold">
         <RouterLink to={`/dags/${original.dag_id}/runs/${original.dag_run_id}`}>
-          <TruncatedText text={original.dag_run_id} />
+          <WrappedText text={original.dag_run_id} />
         </RouterLink>
       </Link>
     ),
diff --git a/airflow-core/src/airflow/ui/src/pages/DagsList/AssetSchedule.tsx b/airflow-core/src/airflow/ui/src/pages/DagsList/AssetSchedule.tsx
index 2a801f473f090..cd003e88b91cc 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagsList/AssetSchedule.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagsList/AssetSchedule.tsx
@@ -25,7 +25,7 @@ import { Link as RouterLink } from "react-router-dom";
 import { useAssetServiceNextRunAssets } from "openapi/queries";
 import { AssetExpression, type ExpressionType } from "src/components/AssetExpression";
 import type { NextRunEvent } from "src/components/AssetExpression/types";
-import { TruncatedText } from "src/components/TruncatedText";
+import { WrappedText } from "src/components/WrappedText";
 import { Popover } from "src/components/ui";
 
 type Props = {
@@ -66,7 +66,7 @@ export const AssetSchedule = ({ assetExpression, dagId, latestRunAfter, timetabl
         <FiDatabase style={{ display: "inline", flexShrink: 0 }} />
         <Link asChild color="fg.info" display="block" fontSize="sm">
           <RouterLink to={`/assets/${asset.id}`}>
-            <TruncatedText minWidth={0} text={asset.name ?? asset.uri} />
+            <WrappedText minWidth={0} text={asset.name ?? asset.uri} />
           </RouterLink>
         </Link>
       </HStack>
diff --git a/airflow-core/src/airflow/ui/src/pages/HITLTaskInstances/HITLTaskInstances.tsx b/airflow-core/src/airflow/ui/src/pages/HITLTaskInstances/HITLTaskInstances.tsx
index 455d149888033..90d3c77828144 100644
--- a/airflow-core/src/airflow/ui/src/pages/HITLTaskInstances/HITLTaskInstances.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/HITLTaskInstances/HITLTaskInstances.tsx
@@ -29,7 +29,7 @@ import { useTableURLState } from "src/components/DataTable/useTableUrlState";
 import { ErrorAlert } from "src/components/ErrorAlert";
 import { StateBadge } from "src/components/StateBadge";
 import Time from "src/components/Time";
-import { TruncatedText } from "src/components/TruncatedText";
+import { WrappedText } from "src/components/WrappedText";
 import { SearchParamsKeys, type SearchParamsKeysType } from "src/constants/searchParams";
 import { useAutoRefresh } from "src/utils";
 import { getHITLState } from "src/utils/hitl";
@@ -75,7 +75,7 @@ const taskInstanceColumns = ({
     cell: ({ row: { original } }: TaskInstanceRow) => (
       <Link asChild color="fg.info" fontWeight="bold">
         <RouterLink to={`${getTaskInstanceLink(original.task_instance)}/required_actions`}>
-          <TruncatedText text={original.subject} />
+          <WrappedText text={original.subject} />
         </RouterLink>
       </Link>
     ),
@@ -89,7 +89,7 @@ const taskInstanceColumns = ({
           cell: ({ row: { original } }: TaskInstanceRow) => (
             <Link asChild color="fg.info">
               <RouterLink to={`/dags/${original.task_instance.dag_id}`}>
-                <TruncatedText text={original.task_instance.dag_display_name} />
+                <WrappedText text={original.task_instance.dag_display_name} />
               </RouterLink>
             </Link>
           ),
@@ -107,7 +107,7 @@ const taskInstanceColumns = ({
               <RouterLink
                 to={`/dags/${original.task_instance.dag_id}/runs/${original.task_instance.dag_run_id}`}
               >
-                <TruncatedText text={original.task_instance.dag_run_id} />
+                <WrappedText text={original.task_instance.dag_run_id} />
               </RouterLink>
             </Link>
           ),
@@ -133,7 +133,7 @@ const taskInstanceColumns = ({
           cell: ({ row: { original } }: TaskInstanceRow) => (
             <Link asChild color="fg.info" fontWeight="bold">
               <RouterLink to={`${getTaskInstanceLink(original.task_instance)}/required_actions`}>
-                <TruncatedText text={original.task_instance.task_display_name} />
+                <WrappedText text={original.task_instance.task_display_name} />
               </RouterLink>
             </Link>
           ),
@@ -142,12 +142,12 @@ const taskInstanceColumns = ({
       ]),
   {
     accessorKey: "rendered_map_index",
-    cell: ({ row: { original } }) => <TruncatedText text={original.task_instance.rendered_map_index ?? ""} />,
+    cell: ({ row: { original } }) => <WrappedText text={original.task_instance.rendered_map_index ?? ""} />,
     header: translate("common:mapIndex"),
   },
   {
     accessorKey: "task_instance_operator",
-    cell: ({ row: { original } }) => <TruncatedText text={original.task_instance.operator ?? ""} />,
+    cell: ({ row: { original } }) => <WrappedText text={original.task_instance.operator ?? ""} />,
     header: translate("common:task.operator"),
   },
   {
@@ -157,7 +157,7 @@ const taskInstanceColumns = ({
   },
   {
     accessorKey: "responded_by_user_name",
-    cell: ({ row: { original } }) => <TruncatedText text={original.responded_by_user?.name ?? ""} />,
+    cell: ({ row: { original } }) => <WrappedText text={original.responded_by_user?.name ?? ""} />,
     header: translate("response.responded_by_user_name"),
   },
   {
diff --git a/airflow-core/src/airflow/ui/src/pages/TaskInstances/TaskInstances.tsx b/airflow-core/src/airflow/ui/src/pages/TaskInstances/TaskInstances.tsx
index f97c941c70ef8..0eeea418011fa 100644
--- a/airflow-core/src/airflow/ui/src/pages/TaskInstances/TaskInstances.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/TaskInstances/TaskInstances.tsx
@@ -34,7 +34,7 @@ import { ErrorAlert } from "src/components/ErrorAlert";
 import { MarkTaskInstanceAsButton } from "src/components/MarkAs";
 import { StateBadge } from "src/components/StateBadge";
 import Time from "src/components/Time";
-import { TruncatedText } from "src/components/TruncatedText";
+import { WrappedText } from "src/components/WrappedText";
 import { SearchParamsKeys, type SearchParamsKeysType } from "src/constants/searchParams";
 import { useAutoRefresh, isStatePending, renderDuration } from "src/utils";
 import { getTaskInstanceLink } from "src/utils/links";
@@ -82,7 +82,7 @@ const taskInstanceColumns = ({
           cell: ({ row: { original } }: TaskInstanceRow) => (
             <Link asChild color="fg.info">
               <RouterLink to={`/dags/${original.dag_id}`}>
-                <TruncatedText text={original.dag_display_name} />
+                <WrappedText text={original.dag_display_name} />
               </RouterLink>
             </Link>
           ),
@@ -117,7 +117,7 @@ const taskInstanceColumns = ({
           cell: ({ row: { original } }: TaskInstanceRow) => (
             <Link asChild color="fg.info" fontWeight="bold">
               <RouterLink to={getTaskInstanceLink(original)}>
-                <TruncatedText text={original.task_display_name} />
+                <WrappedText text={original.task_display_name} />
               </RouterLink>
             </Link>
           ),
diff --git a/airflow-core/src/airflow/ui/src/pages/XCom/XCom.tsx b/airflow-core/src/airflow/ui/src/pages/XCom/XCom.tsx
index f469c9f69abf8..491b737535cfd 100644
--- a/airflow-core/src/airflow/ui/src/pages/XCom/XCom.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/XCom/XCom.tsx
@@ -28,7 +28,7 @@ import { useTableURLState } from "src/components/DataTable/useTableUrlState";
 import { ErrorAlert } from "src/components/ErrorAlert";
 import { ExpandCollapseButtons } from "src/components/ExpandCollapseButtons";
 import Time from "src/components/Time";
-import { TruncatedText } from "src/components/TruncatedText";
+import { WrappedText } from "src/components/WrappedText";
 import { SearchParamsKeys, type SearchParamsKeysType } from "src/constants/searchParams";
 import { getTaskInstanceLink } from "src/utils/links";
 
@@ -72,7 +72,7 @@ const getColumns = ({ open, translate }: ColumnsProps): Array<ColumnDef<XComResp
     cell: ({ row: { original } }: { row: { original: XComResponse } }) => (
       <Link asChild color="fg.info" fontWeight="bold">
         <RouterLink to={`/dags/${original.dag_id}/runs/${original.run_id}`}>
-          <TruncatedText text={original.run_id} />
+          <WrappedText text={original.run_id} />
         </RouterLink>
       </Link>
     ),
@@ -91,7 +91,7 @@ const getColumns = ({ open, translate }: ColumnsProps): Array<ColumnDef<XComResp
             taskId: original.task_id,
           })}
         >
-          <TruncatedText text={original.task_display_name} />
+          <WrappedText text={original.task_display_name} />
         </RouterLink>
       </Link>
     ),