From 0068c39c30dcd9eef9e9f0f30f21c4428cbc8a53 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Costa?= Date: Tue, 17 Dec 2024 10:31:19 +0100 Subject: [PATCH] fix(Button): buttons within table cells are overflowing container (#2143) --- .changeset/wet-otters-press.md | 5 +++++ .../components/src/components/Button/styles/buttonStyles.ts | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/wet-otters-press.md 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: {