From e431b30dabf72c11f2046ac600e65a20c1f2f45f Mon Sep 17 00:00:00 2001
From: fabiobrasileiroo <fabio.h591@gmail.com>
Date: Sat, 7 Sep 2024 16:14:04 -0400
Subject: [PATCH] fix: adjust snake-style wavy underline when menu is small

---
 src/components/header.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/header.tsx b/src/components/header.tsx
index 265c06c..cb4e91d 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -95,8 +95,12 @@ export function Header() {
                     key={link.id}
                     className={cn(
                       'cursor-pointer',
-                      pathname === link.href && 'underline',
+                      pathname === link.href &&
+                        'underline decoration-wavy underline-offset-[2px]',
                     )}
+                    style={{
+                      textDecorationSkipInk: 'none',
+                    }}
                     href={link.href}
                   >
                     <li>{link.label}</li>