diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/DagBreadcrumb.tsx b/airflow-core/src/airflow/ui/src/layouts/Details/DagBreadcrumb.tsx
index c93475ecbfdf9..d877b4daa1b9b 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/DagBreadcrumb.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/DagBreadcrumb.tsx
@@ -28,7 +28,6 @@ import {
 } from "openapi/queries";
 import { BreadcrumbStats } from "src/components/BreadcrumbStats";
 import { StateBadge } from "src/components/StateBadge";
-import Time from "src/components/Time";
 import { TogglePause } from "src/components/TogglePause";
 import { isStatePending, useAutoRefresh } from "src/utils";
 
@@ -82,7 +81,7 @@ export const DagBreadcrumb = () => {
   // Add dag run breadcrumb
   if (runId !== undefined) {
     links.push({
-      label: dagRun === undefined ? runId : <Time datetime={dagRun.run_after} />,
+      label: dagRun === undefined ? runId : dagRun.dag_run_id,
       labelExtra: dagRun === undefined ? undefined : <StateBadge fontSize="xs" state={dagRun.state} />,
       title: translate("dagRun_one"),
       value: `/dags/${dagId}/runs/${runId}`,
diff --git a/airflow-core/src/airflow/ui/src/pages/Run/Header.tsx b/airflow-core/src/airflow/ui/src/pages/Run/Header.tsx
index dff8a60491954..d95ddab0cebd1 100644
--- a/airflow-core/src/airflow/ui/src/pages/Run/Header.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/Run/Header.tsx
@@ -144,7 +144,7 @@ export const Header = ({
             ),
           },
         ]}
-        title={<Time datetime={dagRun.run_after} />}
+        title={dagRun.dag_run_id}
       />
     </Box>
   );