From 495345c0c24e42a065b02605817e29fe8f6ce1de Mon Sep 17 00:00:00 2001 From: Jack Lu Date: Tue, 27 Apr 2021 01:30:19 -0400 Subject: [PATCH] added overflow wrapping css to solve alert url overflowing (#33400) --- packages/grafana-ui/src/components/Card/Card.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/grafana-ui/src/components/Card/Card.tsx b/packages/grafana-ui/src/components/Card/Card.tsx index e98ad113b3d..4cf6106a337 100644 --- a/packages/grafana-ui/src/components/Card/Card.tsx +++ b/packages/grafana-ui/src/components/Card/Card.tsx @@ -198,6 +198,7 @@ export const getCardStyles = stylesFactory((theme: GrafanaThemeV2) => { color: ${theme.colors.text.secondary}; margin: ${theme.spacing(0.5, 0, 0)}; line-height: ${theme.typography.bodySmall.lineHeight}; + overflow-wrap: anywhere; `, description: css` width: 100%;