diff --git a/frontend/src/metabase/home/containers/ArchiveApp.styled.tsx b/frontend/src/metabase/home/containers/ArchiveApp.styled.tsx index 351ceebc08b9b13d54ff5bed11d5cd3add190806..1f7ceca22cd69da444056be1da1eb1137d3abffc 100644 --- a/frontend/src/metabase/home/containers/ArchiveApp.styled.tsx +++ b/frontend/src/metabase/home/containers/ArchiveApp.styled.tsx @@ -15,9 +15,13 @@ export const ArchiveBody = styled.div` `; export const ArchiveBarContent = styled.div` - display: flex; align-items: center; - padding: 1rem 4rem; + display: flex; + // Height is hard-set so it remains + // the same as the ProfileLinkContainer + // in MainNavbar + height: 48px; + padding: 8px 4rem 7px; `; export const ArchiveBarText = styled.div` diff --git a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbar.styled.tsx b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbar.styled.tsx index 598271879e55c1c62782ad1d70eb2a6ed81a15b7..6aec41b227aca0a793381beebcb3355a9df0232b 100644 --- a/frontend/src/metabase/nav/containers/MainNavbar/MainNavbar.styled.tsx +++ b/frontend/src/metabase/nav/containers/MainNavbar/MainNavbar.styled.tsx @@ -136,6 +136,10 @@ export const LoadingTitle = styled.h2` export const ProfileLinkContainer = styled.div<{ isOpen: boolean }>` position: fixed; bottom: 0; + // Height is hard-set so it remains + // the same as the ArchiveBarContent + // in ArchiveApp + height: 49px; left: 0; padding: ${space(0)}; width: ${props => (props.isOpen ? NAV_SIDEBAR_WIDTH : 0)};