diff --git a/.changeset/happy-melons-train.md b/.changeset/happy-melons-train.md
new file mode 100644
index 0000000000..750ea022ab
--- /dev/null
+++ b/.changeset/happy-melons-train.md
@@ -0,0 +1,5 @@
+---
+"@graphcommerce/magento-category": patch
+---
+
+fix issue where CategoryChildren would cause layout to break on mobile
diff --git a/packages/magento-category/components/CategoryChildren/CategoryChildren.tsx b/packages/magento-category/components/CategoryChildren/CategoryChildren.tsx
index 657139b5a7..e8f31b6ac9 100644
--- a/packages/magento-category/components/CategoryChildren/CategoryChildren.tsx
+++ b/packages/magento-category/components/CategoryChildren/CategoryChildren.tsx
@@ -38,7 +38,10 @@ export function CategoryChildren(props: CategoryChildrenProps) {
     <ScrollerProvider scrollSnapAlign='none'>
       <Box
         className={classes.container}
-        sx={[{ display: 'flex' }, ...(Array.isArray(sx) ? sx : [sx])]}
+        sx={[
+          { display: 'flex', width: '100%', overflow: 'hidden' },
+          ...(Array.isArray(sx) ? sx : [sx]),
+        ]}
       >
         <Scroller
           className={classes.scroller}