fix(Button): buttons within table cells are overflowing container (#2143

)
Frontify · Dec 17, 2024 · 0068c39 · 0068c39
1 parent dd3305a
commit 0068c39
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/wet-otters-press.md 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
@@ -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: {