diff --git a/.changeset/fifty-waves-glow.md b/.changeset/fifty-waves-glow.md new file mode 100644 index 00000000..4fa05d37 --- /dev/null +++ b/.changeset/fifty-waves-glow.md @@ -0,0 +1,5 @@ +--- +'@shopify/discount-app-components': patch +--- + +Update spacing in MethodCard component diff --git a/src/components/MethodCard/MethodCard.tsx b/src/components/MethodCard/MethodCard.tsx index 195f1bd8..0eddaf49 100644 --- a/src/components/MethodCard/MethodCard.tsx +++ b/src/components/MethodCard/MethodCard.tsx @@ -77,7 +77,7 @@ export function MethodCard({ - + {title} diff --git a/src/components/MethodCard/tests/MethodCard.test.tsx b/src/components/MethodCard/tests/MethodCard.test.tsx index ed8db8f5..410d3569 100644 --- a/src/components/MethodCard/tests/MethodCard.test.tsx +++ b/src/components/MethodCard/tests/MethodCard.test.tsx @@ -40,16 +40,15 @@ describe('', () => { }); }); - it('renders the title align start and blockAlign center', () => { + it('renders the title align space-between and blockAlign center', () => { const methodCard = mountWithApp(); expect(methodCard).toContainReactComponent(Card, { padding: '400', }); expect(methodCard).toContainReactComponent(InlineStack, { - align: 'start', + align: 'space-between', blockAlign: 'center', - gap: '100', }); });