Merge pull request #420 from storybookjs/jarel/ap-2134-tooltips-can-overflow

Update Tooltips to use Word Break on long words

Author: thafryer

src/components/tooltip/TooltipMessage.stories.tsx

@@ -67,3 +67,9 @@ export const withCustomClass = () => {
 };
 
 withCustomClass.storyName = 'with custom className';
+
+export const BreakWord = {
+  render: () => (
+    <TooltipMessage desc="App for repository github:sfdjglbnfslgbnbdsoiufbgdfjbdfsljbdflibsdfsfdhdfhfgdhfdgfbjdslf= already exists" />
+  ),
+};

src/components/tooltip/TooltipMessage.tsx

@@ -29,6 +29,7 @@ const MessageWrapper = styled.div`
   padding: 15px;
   width: 280px;
   box-sizing: border-box;
+  word-break: break-word;
 `;
 
 export function TooltipMessage({