From 30bee106dc25915065bbf6a04d7ad8459c6df08d Mon Sep 17 00:00:00 2001
From: jongomez <jon.olive.gomez@gmail.com>
Date: Fri, 20 Oct 2023 11:27:40 +0100
Subject: [PATCH] feat: add underline to non selected tab items

---
 packages/lsd-react/src/components/TabItem/TabItem.styles.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/lsd-react/src/components/TabItem/TabItem.styles.ts b/packages/lsd-react/src/components/TabItem/TabItem.styles.ts
index a1bdf9a..cf27397 100644
--- 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} {