diff --git a/datahub-web-react/src/app/entity/shared/containers/profile/header/EntityHeader.tsx b/datahub-web-react/src/app/entity/shared/containers/profile/header/EntityHeader.tsx
index 2d2c7cf7b2..ff21db388c 100644
--- a/datahub-web-react/src/app/entity/shared/containers/profile/header/EntityHeader.tsx
+++ b/datahub-web-react/src/app/entity/shared/containers/profile/header/EntityHeader.tsx
@@ -64,6 +64,18 @@ const DeprecatedText = styled.div`
margin-left: 5px;
`;
+const DeprecatedTitle = styled(Typography.Text)`
+ display: block;
+ font-size: 14px;
+ margin-bottom: 5px;
+ font-weight: bold;
+`;
+
+const DeprecatedSubTitle = styled(Typography.Text)`
+ display: block;
+ margin-bottom: 5px;
+`;
+
const LastEvaluatedAtLabel = styled.div`
padding: 0;
margin: 0;
@@ -131,9 +143,7 @@ export const EntityHeader = ({ refreshBrowser, headerDropdownItems, isNameEditab
(entityData?.deprecation?.decommissionTime &&
`Scheduled to be decommissioned on ${moment
.unix(entityData?.deprecation?.decommissionTime)
- .format('DD/MMM/YYYY')} at ${moment
- .unix(entityData?.deprecation?.decommissionTime)
- .format('HH:mm:ss')} (${localeTimezone})`) ||
+ .format('DD/MMM/YYYY')} (${localeTimezone})`) ||
undefined;
const decommissionTimeGMT =
entityData?.deprecation?.decommissionTime &&
@@ -157,9 +167,12 @@ export const EntityHeader = ({ refreshBrowser, headerDropdownItems, isNameEditab
hasDetails ? (
<>
{entityData?.deprecation?.note !== '' && (
- {entityData?.deprecation?.note}
+ Note
)}
{isDividerNeeded && }
+ {entityData?.deprecation?.note !== '' && (
+ {entityData?.deprecation?.note}
+ )}
{entityData?.deprecation?.decommissionTime !== null && (