diff --git a/packages/grafana-ui/src/components/Drawer/Drawer.tsx b/packages/grafana-ui/src/components/Drawer/Drawer.tsx
index f67ec82f646..c2d3592d831 100644
--- a/packages/grafana-ui/src/components/Drawer/Drawer.tsx
+++ b/packages/grafana-ui/src/components/Drawer/Drawer.tsx
@@ -67,6 +67,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme2, scrollableContent: boolea
     titleWrapper: css`
       margin-bottom: ${theme.spacing(3)};
       padding: ${theme.spacing(0, 1, 0, 3)};
+      overflow-wrap: break-word;
     `,
     titleSpacing: css`
       margin-bottom: ${theme.spacing(2)};