From 334ea5782120159cb268b59deed540c6c6372033 Mon Sep 17 00:00:00 2001
From: fedirjh <fedirjh@gmail.com>
Date: Wed, 2 Nov 2022 23:27:43 +0100
Subject: [PATCH] [Fix]: URL isn't fully visible in the tooltip

---
 src/components/Tooltip/TooltipRenderedOnPageBody.js | 5 ++++-
 src/styles/getTooltipStyles.js                      | 2 --
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Tooltip/TooltipRenderedOnPageBody.js b/src/components/Tooltip/TooltipRenderedOnPageBody.js
index 3bfcc71fd4c9..b3914f70eab1 100644
--- a/src/components/Tooltip/TooltipRenderedOnPageBody.js
+++ b/src/components/Tooltip/TooltipRenderedOnPageBody.js
@@ -77,7 +77,10 @@ class TooltipRenderedOnPageBody extends React.PureComponent {
         if (prevProps.text === this.props.text) {
             return;
         }
-        this.updateTooltipTextWidth();
+
+        // Reset the tooltip text width to 0 so that we can measure it again.
+        // eslint-disable-next-line react/no-did-update-set-state
+        this.setState({tooltipTextWidth: 0}, this.updateTooltipTextWidth);
     }
 
     updateTooltipTextWidth() {
diff --git a/src/styles/getTooltipStyles.js b/src/styles/getTooltipStyles.js
index c786d5f6c6ed..134fd75795d0 100644
--- a/src/styles/getTooltipStyles.js
+++ b/src/styles/getTooltipStyles.js
@@ -156,9 +156,7 @@ export default function getTooltipStyles(
             color: themeColors.textReversed,
             fontFamily: fontFamily.GTA,
             fontSize: tooltipFontSize,
-            overflowWrap: 'normal',
             overflow: 'hidden',
-            whiteSpace: 'nowrap',
         },
         pointerWrapperStyle: {
             position: 'fixed',