diff --git a/datahub-web-react/src/app/entityV2/shared/containers/profile/header/DefaultEntityHeader.tsx b/datahub-web-react/src/app/entityV2/shared/containers/profile/header/DefaultEntityHeader.tsx
index 573b7593ab..9315026f11 100644
--- a/datahub-web-react/src/app/entityV2/shared/containers/profile/header/DefaultEntityHeader.tsx
+++ b/datahub-web-react/src/app/entityV2/shared/containers/profile/header/DefaultEntityHeader.tsx
@@ -66,13 +66,11 @@ export const Row = styled.div`
`;
export const LeftColumn = styled.div`
- flex: 1;
min-width: 0;
display: flex;
- flex-direction: column;
justify-content: center;
- align-items: start;
+ align-items: center;
`;
export const RightColumn = styled.div`
@@ -145,8 +143,8 @@ export const DefaultEntityHeader = ({
displayProperties={displayProperties}
/>
)}
-
+
{(loading && ) || (
<>
diff --git a/datahub-web-react/src/app/sharedV2/OverflowList.tsx b/datahub-web-react/src/app/sharedV2/OverflowList.tsx
index a8db1c5f93..10f557b57a 100644
--- a/datahub-web-react/src/app/sharedV2/OverflowList.tsx
+++ b/datahub-web-react/src/app/sharedV2/OverflowList.tsx
@@ -17,9 +17,7 @@ const HiddenContainer = styled.div`
pointer-events: none;
`;
-const FitContainer = styled.div`
- width: fit-content;
-`;
+const FitContainer = styled.div``;
export interface OverflowListItem {
key: string;
@@ -89,7 +87,7 @@ export default function OverflowList- ({
const newVisibleItems: Item[] = [firstItem];
const newHiddenItems: Item[] = [];
- // compute available width considering that the first item and container with hidden items shlould be rendered to
+ // compute available width considering that the first item and container with hidden items should be rendered too
const availableWidth =
containerWidth - firstItemWidth - finalGap - (renderedHiddenItemsWidth ?? 0) - finalGap;