fix link out of bound (#1155)

Co-authored-by: marcobottaro <[email protected]>
pagopa · Sep 30, 2024 · af68449 · af68449
1 parent 4a44693
commit af68449
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/modern-chicken-check.md b/.changeset/modern-chicken-check.md
@@ -0,0 +1,5 @@
+---
+"nextjs-website": patch
+---
+
+Add wordwrap break word to links
diff --git a/apps/nextjs-website/src/components/organisms/GitBookContent/components/Link.tsx b/apps/nextjs-website/src/components/organisms/GitBookContent/components/Link.tsx
@@ -5,7 +5,11 @@ import { useTheme } from '@mui/material';
 export const Link = ({ title, href, children }: LinkProps<ReactNode>) => {
   const { palette } = useTheme();
   return (
-    <a href={href} title={title} style={{ color: palette.primary.main }}>
+    <a
+      href={href}
+      title={title}
+      style={{ wordWrap: 'break-word', color: palette.primary.main }}
+    >
       {children}
     </a>
   );