diff --git a/src/components/tooltip/TooltipMessage.stories.tsx b/src/components/tooltip/TooltipMessage.stories.tsx
index 2aa4bc88..d95ad5ab 100644
--- a/src/components/tooltip/TooltipMessage.stories.tsx
+++ b/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:sfdjglbnfslgbnbdsoiufbgdfjbdfsljbdflibsfbjdslf= already exists" />
+  ),
+};
diff --git a/src/components/tooltip/TooltipMessage.tsx b/src/components/tooltip/TooltipMessage.tsx
index f6a2a361..0e34fed3 100644
--- a/src/components/tooltip/TooltipMessage.tsx
+++ b/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({