From a8fd119ab90dba998aeef62f51fed855448529b8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Costa?= <jose.costa@frontify.com> Date: Thu, 21 Nov 2024 13:38:24 +0100 Subject: [PATCH] fix(Tabs): add box sizing definition to `triggerListWrapper` (#2110) --- .changeset/neat-melons-wink.md | 5 +++++ .../components/src/components/Tabs/styles/tabs.module.scss | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/neat-melons-wink.md diff --git a/.changeset/neat-melons-wink.md b/.changeset/neat-melons-wink.md new file mode 100644 index 0000000000..def7ce5ecb --- /dev/null +++ b/.changeset/neat-melons-wink.md @@ -0,0 +1,5 @@ +--- +"@frontify/fondue-components": patch +--- + +fix(`Tabs`): web app overriding triggerListWrapper box sizing diff --git a/packages/components/src/components/Tabs/styles/tabs.module.scss b/packages/components/src/components/Tabs/styles/tabs.module.scss index 17a309a236..bba5343cc8 100644 --- a/packages/components/src/components/Tabs/styles/tabs.module.scss +++ b/packages/components/src/components/Tabs/styles/tabs.module.scss @@ -38,6 +38,7 @@ $radius-without-border: calc(var(--radius) - var(--line-width)); padding-right: sizeToken(3); gap: sizeToken(2); border-bottom: 1px solid var(--line-color); + box-sizing: border-box; } .trigger {