diff --git a/modules/@shopify/checkout-sheet-kit/src/components/AcceleratedCheckoutButtons.tsx b/modules/@shopify/checkout-sheet-kit/src/components/AcceleratedCheckoutButtons.tsx index 782af21e..285595eb 100644 --- a/modules/@shopify/checkout-sheet-kit/src/components/AcceleratedCheckoutButtons.tsx +++ b/modules/@shopify/checkout-sheet-kit/src/components/AcceleratedCheckoutButtons.tsx @@ -178,7 +178,7 @@ export type AcceleratedCheckoutButtonsProps = (CartProps | VariantProps) & * /> */ -const defaultStyles = {flex: 1}; +const defaultStyles = {flexGrow: 1}; export const AcceleratedCheckoutButtons: React.FC< AcceleratedCheckoutButtonsProps diff --git a/modules/@shopify/checkout-sheet-kit/tests/AcceleratedCheckoutButtons.test.tsx b/modules/@shopify/checkout-sheet-kit/tests/AcceleratedCheckoutButtons.test.tsx index 35d2fa2e..54830007 100644 --- a/modules/@shopify/checkout-sheet-kit/tests/AcceleratedCheckoutButtons.test.tsx +++ b/modules/@shopify/checkout-sheet-kit/tests/AcceleratedCheckoutButtons.test.tsx @@ -300,7 +300,7 @@ describe('AcceleratedCheckoutButtons', () => { }); nativeComponent = getByTestId('accelerated-checkout-buttons'); expect(nativeComponent.props.style).toEqual({ - flex: 1, + flexGrow: 1, height: 42, }); });