fixed it

Codecademy · Jan 29, 2025 · 967895e · 967895e
1 parent efc6db7
commit 967895e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/packages/gamut/src/Tip/shared/elements.tsx b/packages/gamut/src/Tip/shared/elements.tsx
@@ -14,6 +14,7 @@ import {
 const tipWrapperStyles = {
   position: 'relative',
   display: 'inline-flex',
+  overflowWrap: 'break-word',
 } as const;
 
 export const ToolTipWrapper = styled.div(

diff --git a/packages/styleguide/src/lib/Molecules/Tips/InfoTip/InfoTip.stories.tsx b/packages/styleguide/src/lib/Molecules/Tips/InfoTip/InfoTip.stories.tsx
@@ -13,7 +13,7 @@ const meta: Meta<typeof InfoTip> = {
   component: InfoTip,
   args: {
     alignment: 'top-left',
-    info: `I am additional information about a nearby element or content.`,
+    info: `I just saw a really scary ghost! Ahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh ah ahh!!`,
   },
 };
 

diff --git a/packages/styleguide/src/lib/Molecules/Tips/ToolTip/ToolTip.stories.tsx b/packages/styleguide/src/lib/Molecules/Tips/ToolTip/ToolTip.stories.tsx
@@ -30,7 +30,7 @@ export const WithIconButton: Story = {
   render: () => (
     <FlexBox justifyContent="space-around" m={24} width="95%">
       <IconButton
-        tip="Beautify your code"
+        tip="I just saw a really scary ghost! Ahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh ah ahh!!"
         icon={SparkleIcon}
         tipProps={{ alignment: 'bottom-center' }}
       />