diff --git a/src/components/Nav/JumpToLinks.tsx b/src/components/Nav/JumpToLinks.tsx
index c848d26377..91a4ec948b 100644
--- a/src/components/Nav/JumpToLinks.tsx
+++ b/src/components/Nav/JumpToLinks.tsx
@@ -27,18 +27,22 @@ export const JumpToLinks = ({
       >
         <span>{heading}</span>
         <div class="pt-[6px]">
-          <Icon kind={isOpen ? "chevron-down" : "chevron-up"} />
+           <Icon kind={isOpen ? "chevron-down" : "chevron-up"} />
         </div>
       </button>
-
       {isOpen && (
         <ul>
           {links?.map((link) => (
             <li
               key={link.label}
-              class={`${styles.linklabel} ${link.size ?? ""} ${link.current ? "current" : ""}`}
+              className={`${styles.linklabel} ${link.size ?? ""}`}
             >
-              <a href={link.url}>{link.label}</a>
+              <a
+                href={link.url}
+                className={`${link.current ? "current" : ""}`}
+              >
+                {link.label}
+              </a>
             </li>
           ))}
         </ul>
diff --git a/src/components/Nav/styles.module.scss b/src/components/Nav/styles.module.scss
index 3d201ed7d8..8c3fdcc100 100644
--- a/src/components/Nav/styles.module.scss
+++ b/src/components/Nav/styles.module.scss
@@ -223,41 +223,44 @@
     -webkit-text-stroke-width: 0.15px;
   }
 }
-
 .linklabel {
-  &:global(.current) {
-    text-decoration-line: underline;
+  a {
+    color: inherit;
+    text-decoration: none;
+    &.current {
+      text-decoration: underline; 
+      text-decoration-thickness: 2px; 
+      text-underline-offset: 2px;
+    }
   }
+}
 
-  &:not(:global(.small)) {
-    // text-h3
+  .linklabel {
+  &:not(.small) { 
     font-size: 1.5rem;
     line-height: 1.167;
     -webkit-text-stroke-width: 0.15px;
   }
-  &:global(.small) {
-    // text-body
+
+  &.small {
     font-size: 1rem;
     line-height: 1.25;
     -webkit-text-stroke-width: 0.05px;
   }
 
   @media (min-width: $breakpoint-tablet) {
-    &:global(.small) {
-      // text-body-caption
+    &.small {
       font-size: 0.875rem;
       line-height: 1.42;
       -webkit-text-stroke-width: 0.1px;
     }
-    &:not(&:global(.small)) {
-      // text-body-large
+    &:not(.small) {
       font-size: 1.25rem;
       line-height: 1.2;
       -webkit-text-stroke-width: 0.15px;
     }
   }
 }
-
 .linklabel:not(:global(.small)) + .linklabel:global(.small) {
   margin-top: 4px;
 }