feat: add underline to non selected tab items

acid-info · Oct 20, 2023 · 30bee10 · 30bee10
1 parent 07fb14a
commit 30bee10
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/lsd-react/src/components/TabItem/TabItem.styles.ts b/packages/lsd-react/src/components/TabItem/TabItem.styles.ts
@@ -15,6 +15,10 @@ export const TabItemStyles = css`
     &:hover {
       text-decoration: underline;
     }
+
+    &:not(${tabItemClasses.selected}) {
+      border-bottom: 1px solid rgb(var(--lsd-border-primary));
+    }
   }
 
   .${tabItemClasses.text} {