Merge pull request #11556 from ethereum/herohubWordwrap

nhsz · web-flow · commit 3751fb9cf4b5 · 2023-11-01T14:06:53.000-03:00
Add wordBreak style to avoid overflow bug in HubHero
diff --git a/src/components/Hero/HubHero/index.tsx b/src/components/Hero/HubHero/index.tsx
@@ -55,6 +55,7 @@ const HubHero = (props: HubHeroProps) => {
         transform={{ xl: "translateY(-50%)" }}
         backdropFilter={{ xl: "auto" }}
         backdropBlur={{ xl: "base" }}
+        wordBreak="break-word"
       >
         <Heading
           as="h1"

Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,7 @@ const HubHero = (props: HubHeroProps) => {`
`55`	`55`	`transform={{ xl: "translateY(-50%)" }}`
`56`	`56`	`backdropFilter={{ xl: "auto" }}`
`57`	`57`	`backdropBlur={{ xl: "base" }}`
	`58`	`+ wordBreak="break-word"`
`58`	`59`	`>`
`59`	`60`	`<Heading`
`60`	`61`	`as="h1"`