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;