fix(patterns): fix page width to occupy available space (#1532)

bigcommerce · Sep 12, 2024 · 66bc0c8 · 66bc0c8
1 parent eda3b48
commit 66bc0c8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/mighty-brooms-eat.md b/.changeset/mighty-brooms-eat.md
@@ -0,0 +1,5 @@
+---
+'@bigcommerce/big-design-patterns': patch
+---
+
+Fixed page width definition to expand to the available area
diff --git a/packages/big-design-patterns/src/components/Page/styled.tsx b/packages/big-design-patterns/src/components/Page/styled.tsx
@@ -36,6 +36,7 @@ export const StyledPageBackground = styled(Grid).attrs({ theme: defaultTheme })<
 
 export const StyledPage = styled(Flex).attrs({ theme: defaultTheme })`
   margin: 0 auto;
+  width: 100%;
 
   ${({ theme }) => theme.breakpoints.desktop} {
     max-width: ${({ theme }) => theme.helpers.remCalc(1120)};