From 443db3353b2b9d4d485b2a69803849ce0a7684ab Mon Sep 17 00:00:00 2001 From: Jaco Greeff Date: Sat, 12 Sep 2020 15:00:28 +0200 Subject: [PATCH] Tabs bottom (#3672) --- packages/react-components/src/Tabs/Tab.tsx | 1 + packages/react-components/src/Tabs/index.tsx | 1 - 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-components/src/Tabs/Tab.tsx b/packages/react-components/src/Tabs/Tab.tsx index 3c1b9a9186..d1f86d0618 100644 --- a/packages/react-components/src/Tabs/Tab.tsx +++ b/packages/react-components/src/Tabs/Tab.tsx @@ -57,6 +57,7 @@ function Tab ({ basePath, className = '', count, hasParams, index, isExact, isRo export default React.memo(styled(Tab)` border-bottom: 2px solid transparent; color: #4e4e4e !important; + margin-bottom: -3px; padding: 0.5rem 1.5rem 0.75rem; &.tabLinkActive { diff --git a/packages/react-components/src/Tabs/index.tsx b/packages/react-components/src/Tabs/index.tsx index ac66206712..9bb9ca9606 100644 --- a/packages/react-components/src/Tabs/index.tsx +++ b/packages/react-components/src/Tabs/index.tsx @@ -64,7 +64,6 @@ export default React.memo(styled(Tabs)` border-bottom: 1px solid #eeecea; display: flex; margin: 0 -1.5rem; - overflow-x: scroll; padding: 1.5rem 1.5rem 0; text-align: left; z-index: 1;