diff --git a/.changeset/wet-otters-press.md b/.changeset/wet-otters-press.md new file mode 100644 index 0000000000..9bbdba09fe --- /dev/null +++ b/.changeset/wet-otters-press.md @@ -0,0 +1,5 @@ +--- +"@frontify/fondue-components": patch +--- + +fix(`Button`): buttons within table cells are overflowing container diff --git a/packages/components/src/components/Button/styles/buttonStyles.ts b/packages/components/src/components/Button/styles/buttonStyles.ts index 7a1d24b931..4ab35b426e 100644 --- a/packages/components/src/components/Button/styles/buttonStyles.ts +++ b/packages/components/src/components/Button/styles/buttonStyles.ts @@ -5,7 +5,7 @@ import { sv } from '#/utilities/styleUtilities'; export const buttonStyles = sv({ base: - 'tw-group tw-relative tw-flex tw-flex-row tw-gap-2 tw-items-center tw-justify-center tw-cursor-pointer tw-font-body tw-font-medium ' + + 'tw-group tw-relative tw-flex tw-flex-row tw-gap-2 tw-items-center tw-justify-center tw-cursor-pointer tw-font-body tw-font-medium tw-box-border ' + `${FOCUS_OUTLINE}`, variants: { disabled: {