Fixing 2xl breakout width

NYPL · Oct 10, 2023 · e975518 · e975518
1 parent f535e9a
commit e975518
Show file tree

Hide file tree

Showing 3 changed files with 276 additions and 247 deletions.
diff --git a/src/components/FeaturedContent/FeaturedContent.tsx b/src/components/FeaturedContent/FeaturedContent.tsx
@@ -83,19 +83,21 @@ export const FeaturedContent = chakra(
 
       return (
         <Box data-testid="featuredcontent" __css={styles}>
-          <Box
-            data-testid="featuredcontent-bg-image"
-            __css={{
-              ...styles.imgWrapper,
-              backgroundImage: `url(${imageProps.src})`,
-            }}
-          >
-            <FeaturedContentImage
-              alt={imageProps.alt}
-              src={imageProps.src ? imageProps.src : undefined}
-            />
+          <Box __css={styles.wrapper}>
+            <Box
+              data-testid="featuredcontent-bg-image"
+              __css={{
+                ...styles.imgWrapper,
+                backgroundImage: `url(${imageProps.src})`,
+              }}
+            >
+              <FeaturedContentImage
+                alt={imageProps.alt}
+                src={imageProps.src ? imageProps.src : undefined}
+              />
+            </Box>
+            <Box __css={styles.text}>{textContent}</Box>
           </Box>
-          <Box __css={styles.text}>{textContent}</Box>
         </Box>
       );
     }