From 14e82b5c84675fd7a4d2dfee259b052b5b7860a4 Mon Sep 17 00:00:00 2001
From: michellethomas <michelle.q.thomas@gmail.com>
Date: Tue, 26 Sep 2017 16:03:39 -0700
Subject: [PATCH] Break word on InfoTooltip (#3532)

* Break word on InfoTooltip

* Moving style object to separate const
---
 .../javascripts/components/InfoTooltipWithTrigger.jsx      | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/superset/assets/javascripts/components/InfoTooltipWithTrigger.jsx b/superset/assets/javascripts/components/InfoTooltipWithTrigger.jsx
index 3a097a8b5b2eb..09632cdf538cf 100644
--- a/superset/assets/javascripts/components/InfoTooltipWithTrigger.jsx
+++ b/superset/assets/javascripts/components/InfoTooltipWithTrigger.jsx
@@ -21,10 +21,15 @@ const defaultProps = {
 export default function InfoTooltipWithTrigger({
     label, tooltip, icon, className, onClick, placement, bsStyle }) {
   const iconClass = `fa fa-${icon} ${className} ${bsStyle ? 'text-' + bsStyle : ''}`;
+  const tooltipStyle = { wordWrap: 'break-word' };
   return (
     <OverlayTrigger
       placement={placement}
-      overlay={<Tooltip id={`${slugify(label)}-tooltip`}>{tooltip}</Tooltip>}
+      overlay={
+        <Tooltip id={`${slugify(label)}-tooltip`} style={tooltipStyle}>
+          {tooltip}
+        </Tooltip>
+      }
     >
       <i
         className={iconClass}