diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2023-01-03 14:59:58 +0100 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2023-01-04 11:28:45 +0100 |
| commit | be3cb3dfbbfc7ea40cd43e53cbbedd9d065c63f4 (patch) | |
| tree | c4864e2cb7dcb6ca094a4086ceb79f90ba38d58e /gui/src/renderer | |
| parent | af46f53f2657137dc45ca091db0a30e42c561918 (diff) | |
| download | mullvadvpn-be3cb3dfbbfc7ea40cd43e53cbbedd9d065c63f4.tar.xz mullvadvpn-be3cb3dfbbfc7ea40cd43e53cbbedd9d065c63f4.zip | |
Make long words in titles break into multiple lines
Diffstat (limited to 'gui/src/renderer')
| -rw-r--r-- | gui/src/renderer/components/SettingsHeader.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/gui/src/renderer/components/SettingsHeader.tsx b/gui/src/renderer/components/SettingsHeader.tsx index 94f36cb8b2..a929d8ba83 100644 --- a/gui/src/renderer/components/SettingsHeader.tsx +++ b/gui/src/renderer/components/SettingsHeader.tsx @@ -18,7 +18,9 @@ export const ContentWrapper = styled.div({ }, }); -export const HeaderTitle = styled.span(hugeText); +export const HeaderTitle = styled.span(hugeText, { + wordWrap: 'break-word', +}); export const HeaderSubTitle = styled.span(tinyText, { color: colors.white60, }); |