diff --git a/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutClassic.tsx b/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutClassic.tsx
index 8e45fcfab4..92eb54db7c 100644
--- a/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutClassic.tsx
+++ b/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutClassic.tsx
@@ -47,7 +47,7 @@ export const ProductListLayoutClassic = memoDeep((props: ProductListLayoutProps)
           </LayoutTitle>
           <CategoryDescription
             sx={(theme) => ({ textAlign: 'center', mb: theme.spacings.sm })}
-            description={category?.description}
+            {...category}
           />
           <CategoryChildren
             params={params}
diff --git a/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutDefault.tsx b/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutDefault.tsx
index 790e5e3cb9..a10ef348ca 100644
--- a/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutDefault.tsx
+++ b/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutDefault.tsx
@@ -71,7 +71,7 @@ export const ProductListLayoutDefault = memoDeep((props: ProductListLayoutProps)
               textAlignMd='center'
               textAlignSm='center'
               sx={(theme) => ({ px: theme.page.horizontal })}
-              description={category?.description}
+              {...category}
             />
             <CategoryChildren
               sx={(theme) => ({
diff --git a/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutSidebar.tsx b/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutSidebar.tsx
index 94c00bb2ef..8ffc656894 100644
--- a/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutSidebar.tsx
+++ b/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutSidebar.tsx
@@ -95,11 +95,7 @@ export const ProductListLayoutSidebar = memoDeep((props: ProductListLayoutProps)
             <>
               <Typography variant='h1'>{title}</Typography>
 
-              <CategoryDescription
-                textAlignMd='start'
-                textAlignSm='start'
-                description={category?.description}
-              />
+              <CategoryDescription textAlignMd='start' textAlignSm='start' {...category} />
               <MediaQuery query={(theme) => theme.breakpoints.down('md')}>
                 <CategoryChildren params={params}>{category?.children}</CategoryChildren>
               </MediaQuery>
diff --git a/examples/magento-open-source/components/ProductListLayout/ProductListLayoutClassic.tsx b/examples/magento-open-source/components/ProductListLayout/ProductListLayoutClassic.tsx
index 9ea8232713..9b5771cc67 100644
--- a/examples/magento-open-source/components/ProductListLayout/ProductListLayoutClassic.tsx
+++ b/examples/magento-open-source/components/ProductListLayout/ProductListLayoutClassic.tsx
@@ -47,7 +47,7 @@ export const ProductListLayoutClassic = memoDeep((props: ProductListLayoutProps)
           </LayoutTitle>
           <CategoryDescription
             sx={(theme) => ({ textAlign: 'center', mb: theme.spacings.sm })}
-            description={category?.description}
+            {...category}
           />
           <CategoryChildren
             params={params}
diff --git a/examples/magento-open-source/components/ProductListLayout/ProductListLayoutDefault.tsx b/examples/magento-open-source/components/ProductListLayout/ProductListLayoutDefault.tsx
index 7c3725413f..126d6b7183 100644
--- a/examples/magento-open-source/components/ProductListLayout/ProductListLayoutDefault.tsx
+++ b/examples/magento-open-source/components/ProductListLayout/ProductListLayoutDefault.tsx
@@ -77,7 +77,7 @@ export const ProductListLayoutDefault = memoDeep((props: ProductListLayoutProps)
               textAlignMd='center'
               textAlignSm='center'
               sx={(theme) => ({ px: theme.page.horizontal })}
-              description={category?.description}
+              {...category}
             />
             <CategoryChildren
               sx={(theme) => ({
diff --git a/examples/magento-open-source/components/ProductListLayout/ProductListLayoutSidebar.tsx b/examples/magento-open-source/components/ProductListLayout/ProductListLayoutSidebar.tsx
index 9b44bc43a7..3ddf308f3f 100644
--- a/examples/magento-open-source/components/ProductListLayout/ProductListLayoutSidebar.tsx
+++ b/examples/magento-open-source/components/ProductListLayout/ProductListLayoutSidebar.tsx
@@ -96,11 +96,7 @@ export const ProductListLayoutSidebar = memoDeep((props: ProductListLayoutProps)
             <>
               <Typography variant='h1'>{title}</Typography>
 
-              <CategoryDescription
-                textAlignMd='start'
-                textAlignSm='start'
-                description={category?.description}
-              />
+              <CategoryDescription textAlignMd='start' textAlignSm='start' {...category} />
               <MediaQuery query={(theme) => theme.breakpoints.down('md')}>
                 <CategoryChildren params={params}>{category?.children}</CategoryChildren>
               </MediaQuery>
diff --git a/packages/next-ui/Container/Container.tsx b/packages/next-ui/Container/Container.tsx
index b726ce2fec..d328ef07e4 100644
--- a/packages/next-ui/Container/Container.tsx
+++ b/packages/next-ui/Container/Container.tsx
@@ -76,6 +76,7 @@ export const Container = React.forwardRef(
         className={[className, classes.root].filter((v) => !!v).join(' ')}
         sx={[
           {
+            width: '100%',
             pl: !breakoutLeft ? padding : undefined,
             pr: !breakoutRight ? padding : undefined,
             '&.breakoutLeft': { pl: 'unset' },