chore - do not wrap link text in span

opengovsg · Dec 29, 2024 · 0e3ca3b · 0e3ca3b
1 parent 47d5dd6
commit 0e3ca3b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 17 deletions.
diff --git a/apps/studio/public/assets/css/preview-tw.css b/apps/studio/public/assets/css/preview-tw.css
@@ -1418,10 +1418,6 @@ video {
   -webkit-line-clamp: 3;
 }
 
-.\!block {
-  display: block !important;
-}
-
 .block {
   display: block;
 }
@@ -3156,11 +3152,6 @@ video {
   color: rgb(26 86 229 / var(--tw-text-opacity));
 }
 
-.text-link-hover {
-  --tw-text-opacity: 1;
-  color: rgb(21 71 190 / var(--tw-text-opacity));
-}
-
 .text-site-secondary {
   --tw-text-opacity: 1;
   color: rgb(78 69 65 / var(--tw-text-opacity));
@@ -5510,12 +5501,6 @@ video {
   margin-top: 2.25rem;
 }
 
-.\[\&\:not\(\:first-child\)\]\:first-of-type\:mt-7:first-of-type:not(
-    :first-child
-  ) {
-  margin-top: 1.75rem;
-}
-
 .\[\&\:not\(\:last-child\)\]\:mb-0:not(:last-child) {
   margin-bottom: 0px;
 }

diff --git a/packages/components/src/templates/next/components/internal/Navbar/NavItem.tsx b/packages/components/src/templates/next/components/internal/Navbar/NavItem.tsx
@@ -64,9 +64,9 @@ export const NavItem = forwardRef<HTMLButtonElement, NavbarItemProps>(
             isExternal={isExternalUrl(url)}
             showExternalIcon={isExternalUrl(url)}
             href={referenceLinkHref}
-            className={item({ isOpen })}
+            className={`${item({ isOpen })} ${groupFocusVisibleHighlight()}`}
           >
-            <span className={groupFocusVisibleHighlight()}>{name}</span>
+            {name}
           </Link>
         </li>
       )