diff --git a/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/Tabs.test.js.snap b/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/Tabs.test.js.snap index 2ef32538ca9..1a9947e011e 100644 --- a/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/Tabs.test.js.snap +++ b/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/Tabs.test.js.snap @@ -684,6 +684,8 @@ exports[`Tabs scss have to match snapshot 1`] = ` .dnb-tabs__tabs__tablist { display: flex; flex: 0 1 auto; + padding: 0 0.5rem; + margin: 0 -0.5rem; overflow-x: auto; overscroll-behavior: contain; scrollbar-width: thin; diff --git a/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/tabs-screenshot-test-js-tabs-screenshot-have-to-match-last-scrollable-tabs-1-0e3b8.snap.png b/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/tabs-screenshot-test-js-tabs-screenshot-have-to-match-last-scrollable-tabs-1-0e3b8.snap.png index 6a3c45400b8..36b909db9d1 100644 Binary files a/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/tabs-screenshot-test-js-tabs-screenshot-have-to-match-last-scrollable-tabs-1-0e3b8.snap.png and b/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/tabs-screenshot-test-js-tabs-screenshot-have-to-match-last-scrollable-tabs-1-0e3b8.snap.png differ diff --git a/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/tabs-screenshot-test-js-tabs-screenshot-have-to-match-the-tablist-on-focus-state-1-ae6b2.snap.png b/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/tabs-screenshot-test-js-tabs-screenshot-have-to-match-the-tablist-on-focus-state-1-ae6b2.snap.png index 2af14e0c404..06c171e662b 100644 Binary files a/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/tabs-screenshot-test-js-tabs-screenshot-have-to-match-the-tablist-on-focus-state-1-ae6b2.snap.png and b/packages/dnb-eufemia/src/components/tabs/__tests__/__snapshots__/tabs-screenshot-test-js-tabs-screenshot-have-to-match-the-tablist-on-focus-state-1-ae6b2.snap.png differ diff --git a/packages/dnb-eufemia/src/components/tabs/style/_tabs.scss b/packages/dnb-eufemia/src/components/tabs/style/_tabs.scss index d4b5b977072..0ca0998414d 100644 --- a/packages/dnb-eufemia/src/components/tabs/style/_tabs.scss +++ b/packages/dnb-eufemia/src/components/tabs/style/_tabs.scss @@ -20,6 +20,10 @@ display: flex; flex: 0 1 auto; + // Fix the active/focus border spacing + padding: 0 0.5rem; + margin: 0 -0.5rem; + &:focus { @include fakeFocus(); }