diff --git a/src/components/Button/Button-v2.module.css b/src/components/Button/Button-v2.module.css index c7b4b56cc..e0e2c0cfb 100644 --- a/src/components/Button/Button-v2.module.css +++ b/src/components/Button/Button-v2.module.css @@ -64,6 +64,8 @@ * Sizes and Widths */ .button--lg { + align-items: center; + padding: 0.5rem 1.25rem; font: var(--eds-theme-typography-button-lg); @@ -73,6 +75,8 @@ } .button--md { + align-items: center; + padding: 0.25rem 1rem; font: var(--eds-theme-typography-button-md); @@ -89,7 +93,6 @@ min-width: 3rem; max-width: 12rem; max-height: 1.5rem; - } .button--full-width { diff --git a/src/components/Button/Button-v2.stories.tsx b/src/components/Button/Button-v2.stories.tsx index 31ea8b84c..0e7f3b2c1 100644 --- a/src/components/Button/Button-v2.stories.tsx +++ b/src/components/Button/Button-v2.stories.tsx @@ -182,6 +182,9 @@ export const FullWidths: StoryObj = { ...Sizes.args, isFullWidth: true, }, + parameters: { + layout: 'padded', + }, render: Sizes.render, }; @@ -203,6 +206,7 @@ export const LoadingStates: StoryObj = { export const IconLayouts: StoryObj = { args: { ...Default.args, + icon: 'open-in-new', }, render: (args) => { return ( diff --git a/src/components/Button/__snapshots__/Button-v2.test.tsx.snap b/src/components/Button/__snapshots__/Button-v2.test.tsx.snap index bcf797292..b8f02e71c 100644 --- a/src/components/Button/__snapshots__/Button-v2.test.tsx.snap +++ b/src/components/Button/__snapshots__/Button-v2.test.tsx.snap @@ -186,7 +186,7 @@ exports[`