diff --git a/public/pages/workflow_detail/components/header.tsx b/public/pages/workflow_detail/components/header.tsx
index 5f571e67..32955f2c 100644
--- a/public/pages/workflow_detail/components/header.tsx
+++ b/public/pages/workflow_detail/components/header.tsx
@@ -47,13 +47,14 @@ import {
import { DataSourceViewConfig } from '../../../../../../src/plugins/data_source_management/public';
import { HeaderVariant } from '../../../../../../src/core/public';
import {
- TopNavControlTextData,
+ TopNavControlData,
TopNavMenuIconData,
} from '../../../../../../src/plugins/navigation/public';
import { MountPoint } from '../../../../../../src/core/public';
import { getWorkflow, updateWorkflow, useAppDispatch } from '../../../store';
import { useFormikContext } from 'formik';
import { isEmpty, isEqual } from 'lodash';
+import { ExperimentalBadge } from '../../../general_components';
interface WorkflowDetailHeaderProps {
workflow?: Workflow;
@@ -341,11 +342,19 @@ export function WorkflowDetailHeader(props: WorkflowDetailHeaderProps) {
+ ),
+ },
{
text: `Last updated: ${workflowLastUpdated}`,
color: 'subdued',
className: 'workflow-detail-last-updated',
- } as TopNavControlTextData,
+ } as TopNavControlData,
]}
/>
>
@@ -402,6 +411,10 @@ export function WorkflowDetailHeader(props: WorkflowDetailHeaderProps) {
{`Last updated: ${workflowLastUpdated}`}
,
+ ,
]}
bottomBorder={false}
rightSideGroupProps={{