Merge pull request #179 from oaknational/fix/overflow-hidden-header

Fix/overflow hidden header
oaknational · May 16, 2024 · 73edb06 · 73edb06
2 parents 23e585f + e4bd951
commit 73edb06
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/organisms/OakHeaderHero/OakHeaderHero.tsx b/src/components/organisms/OakHeaderHero/OakHeaderHero.tsx
@@ -44,7 +44,11 @@ const UnstyledComponent = (props: OakHeaderHeroProps) => {
     authorImageSrc,
   } = props;
   return (
-    <OakBox $width={"100%"} $background={"bg-decorative3-main"}>
+    <OakBox
+      $width={"100%"}
+      $background={"bg-decorative3-main"}
+      $overflowX={"hidden"}
+    >
       <OakMaxWidth>
         <OakFlex
           $minWidth={"100%"}

diff --git a/src/components/organisms/OakHeaderHero/__snapshots__/OakHeaderHero.test.tsx.snap b/src/components/organisms/OakHeaderHero/__snapshots__/OakHeaderHero.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`OakHeaderHero matches snapshot 1`] = `
 .c0 {
+  overflow-x: hidden;
   width: 100%;
   background: #a0b6f2;
   font-family: Lexend,sans-serif;