diff --git a/src/components/Tabs/tabs.css b/src/components/Tabs/tabs.css index b054e23..26cf8db 100644 --- a/src/components/Tabs/tabs.css +++ b/src/components/Tabs/tabs.css @@ -13,6 +13,7 @@ cursor: pointer; transition: 0.35s opacity; z-index: 1; + position: relative; } .tabs-tab::after { @@ -33,8 +34,14 @@ opacity: 0.85; } -.tabs-tab--active { - border-bottom: 2px solid var(--codex-color-contrast); +.tabs-tab--active:after { + width: 100%; + background-color: var(--codex-color-contrast); + content: " "; + position: absolute; + height: 2px; + top: 11px; + top: 31px; } .tabs-icon {