From a24e6576ab9ed8ed17436badb35e1eba25ab2fa1 Mon Sep 17 00:00:00 2001 From: Ilias Trichopoulos Date: Thu, 27 Feb 2025 14:28:44 +0200 Subject: [PATCH] Fix tooltip wrapping Closes #1291 --- apps/desktop-wallet/src/features/toastMessages/ToastBox.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/desktop-wallet/src/features/toastMessages/ToastBox.tsx b/apps/desktop-wallet/src/features/toastMessages/ToastBox.tsx index fecb3c800..3499b5770 100644 --- a/apps/desktop-wallet/src/features/toastMessages/ToastBox.tsx +++ b/apps/desktop-wallet/src/features/toastMessages/ToastBox.tsx @@ -90,7 +90,7 @@ const ToastBoxContent = styled(motion.div)` gap: var(--spacing-2); font-size: 14px; color: ${({ theme }) => theme.font.primary}; - word-wrap: break-word; + word-break: break-word; overflow-y: auto; font-weight: var(--fontWeight-semiBold); pointer-events: all; @@ -126,6 +126,7 @@ const Title = styled.div` font-weight: var(--fontWeight-semiBold); max-height: 20vh; margin-top: var(--spacing-1); + word-break: break-word; ` const ContentRow = styled.div` @@ -142,6 +143,7 @@ const CenterContent = styled.div` const ChildrenContent = styled.div` flex: 1; font-weight: var(--fontWeight-medium); + word-break: break-word; ` const ButtonStyled = styled(Button)`