From f91b6248f24ef8e75d51ce21521e9b7b718aa214 Mon Sep 17 00:00:00 2001
From: Erik Tallang <e.tallang@gmail.com>
Date: Thu, 5 Dec 2024 14:50:05 +0100
Subject: [PATCH] fix(tabs): minor browser issues

---
 src/components/tabs/tab-link.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/tabs/tab-link.css b/src/components/tabs/tab-link.css
index 14f80e5..8425614 100644
--- a/src/components/tabs/tab-link.css
+++ b/src/components/tabs/tab-link.css
@@ -9,20 +9,23 @@
   font-size: 1rem;
   font-weight: 500;
 
-  text-decoration: 20% wavy underline;
+  text-decoration-thickness: 2px;
+  text-decoration-style: wavy;
+  text-decoration-line: underline;
   text-decoration-skip-ink: none;
-  text-underline-offset: 20%;
+  text-underline-offset: 0.125rem;
   text-underline-position: from-font;
   text-decoration-color: transparent;
   transition: text-decoration-color 100ms ease, text-underline-offset 100ms ease;
+  user-select: none;
 
   &:hover {
-    text-underline-offset: 30%;
+    text-underline-offset: 0.25rem;
     text-decoration-color: var(--cx-color-text-primary);
   }
 
   &:active {
-    text-underline-offset: 60%;
+    text-underline-offset: 0.5rem;
   }
 }