From b220b407d30d00ec90662f4f1cc78debc82f2da8 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Wed, 20 Jan 2021 12:07:39 +0300
Subject: [PATCH] Problems: fix tooltip overlap, fix #1138

---
 src/components/Tooltip/Popper.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Tooltip/Popper.tsx b/src/components/Tooltip/Popper.tsx
index 3d492f5..ef1a72c 100644
--- a/src/components/Tooltip/Popper.tsx
+++ b/src/components/Tooltip/Popper.tsx
@@ -10,6 +10,9 @@ const getStyles = stylesFactory(() => ({
     transition: opacity 200ms linear;
     opacity: 0;
   `,
+  tooltipContent: css`
+    overflow-wrap: break-word;
+  `,
 }));
 
 const transitionStyles = {
@@ -58,7 +61,9 @@ const Popper: FC<Props> = ({ show, placement, popperClassName, refClassName, con
                     className={popperClass}
                   >
                     <div className="popper__background">
-                      {renderContent(content)}
+                      <div className={styles.tooltipContent}>
+                        {renderContent(content)}
+                      </div>
                       <div ref={arrowProps.ref} data-placement={placement} className="popper__arrow" />
                     </div>
                   </div>