From b278462b34fd47e5c97c5c47ff8227e645b57f6d Mon Sep 17 00:00:00 2001 From: Lilia Sviridova Date: Tue, 29 Oct 2024 15:37:10 +0200 Subject: [PATCH] Add styles to avoid text clipping --- components/common/BadgeTooltip.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/components/common/BadgeTooltip.tsx b/components/common/BadgeTooltip.tsx index 65233d77e..09c0eefc6 100644 --- a/components/common/BadgeTooltip.tsx +++ b/components/common/BadgeTooltip.tsx @@ -19,12 +19,15 @@ const StyledBadge = styled(({ isLink, ...rest }) => )<{ padding: ${(props) => props.theme.badgePaddingY} ${(props) => props.theme.badgePaddingX}; font-weight: ${(props) => props.theme.badgeFontWeight}; + line-height: 1.5; max-width: 100%; word-break: break-all; word-break: break-word; hyphens: manual; white-space: normal; text-align: left; + display: inline-flex; + align-items: center; &:hover { background-color: ${(props) =>