diff options
2 files changed, 4 insertions, 0 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/organisms/navigation-header/NavigationHeader.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/organisms/navigation-header/NavigationHeader.tsx index 9b73e18f85..c3025c1459 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/organisms/navigation-header/NavigationHeader.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/organisms/navigation-header/NavigationHeader.tsx @@ -24,6 +24,7 @@ export const StyledContent = styled.div({ placeContent: 'center', minHeight: '32px', height: '32px', + gap: Spacings.spacing1, }); const NavigationHeader = ({ titleVisible, children, ...props }: NavigationHeaderProps) => { diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/organisms/navigation-header/components/NavigationHeaderTitle.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/organisms/navigation-header/components/NavigationHeaderTitle.tsx index 31164ffdea..be4b31b9d0 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/organisms/navigation-header/components/NavigationHeaderTitle.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/organisms/navigation-header/components/NavigationHeaderTitle.tsx @@ -10,6 +10,9 @@ export interface NavigationHeaderTitleProps { export const StyledText = styled(TitleMedium)<{ $visible?: boolean }>(({ $visible = true }) => ({ opacity: $visible ? 1 : 0, transition: 'opacity 250ms ease-in-out', + whiteSpace: 'nowrap', + overflow: 'hidden', + textOverflow: 'ellipsis', })); export const NavigationHeaderTitle = ({ children }: NavigationHeaderTitleProps) => { |