From ddf503bf59cb3e1f4f1285b809464bf1f13aed25 Mon Sep 17 00:00:00 2001
From: bobinstein <cavanaugh.stephen1991@gmail.com>
Date: Sun, 12 Jan 2025 19:12:20 -0500
Subject: [PATCH] chore: Updated light hover color, wrapped html table in {}

---
 src/app/learn/arns/page.mdx   |  2 ++
 src/components/Navigation.tsx | 12 ++++++------
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/app/learn/arns/page.mdx b/src/app/learn/arns/page.mdx
index 654071cf..fb8c5a97 100644
--- a/src/app/learn/arns/page.mdx
+++ b/src/app/learn/arns/page.mdx
@@ -121,6 +121,7 @@ Such markets, if any, would be created by third parties unrelated to and outside
 
 The table below indicates some of the possible interactions with the ArNS registry, corresponding ANTs, and who can perform them: 
 
+{
 <center>
   <table className="inline-table">
     <thead>
@@ -212,6 +213,7 @@ The table below indicates some of the possible interactions with the ArNS regist
     </tbody>
   </table>
 </center>
+}
 
 <div className="caption">ANT Interactions</div>
 
diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 438d7ca4..895ee546 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -53,7 +53,7 @@ function TopLevelNavItem({
       <Link
         href={href}
         target={target}
-        className='flex font-extrabold cursor-pointer justify-between gap-2 py-1 pr-3 text-lg text-zinc-900 hover:text-zinc-900 dark:text-white dark:hover:text-emerald-600'
+        className='flex font-extrabold cursor-pointer justify-between gap-2 py-1 pr-3 text-lg text-zinc-900 hover:text-emerald-600 dark:text-white dark:hover:text-emerald-600'
       >
         {children}
       </Link>
@@ -86,9 +86,9 @@ function NavLink({
         isAnchorLink ? 'pl-9' : 'pl-4',
         active
           ? //active item
-            'font-bold text-zinc-900 underline dark:text-white'
+            'font-bold text-zinc-900 hover:text-emerald-600 underline dark:text-white dark:hover:text-emerald-600'
           : // non-active items
-            'text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-emerald-600 ',
+            'text-zinc-600 hover:text-emerald-600 dark:text-zinc-400 dark:hover:text-emerald-600 ',
       )}
     >
       <span className="truncate">{children}</span>
@@ -362,7 +362,7 @@ function NavigationGroup({
                   'cursor-pointer pl-4 text-sm',
                   isPathActive(link, pathname)
                     ? 'font-bold text-zinc-900 dark:text-white' // Active state
-                    : 'text-zinc-900 dark:text-zinc-400 group-hover:text-zinc-900 dark:hover:text-emerald-600', // Inactive state
+                    : 'text-zinc-900 dark:text-zinc-400 hover:text-emerald-600 group-hover:text-emerald-600 dark:hover:text-emerald-600', // Inactive state
                 )}
               >
                 {link.title}
@@ -486,8 +486,8 @@ export function Navigation(props: React.ComponentPropsWithoutRef<'nav'>) {
   return (
     <nav {...props}>
       <ul role="list">
-        <TopLevelNavItem href="https://whitepaper.arweave.net/" target="_blank" className='flex cursor-pointer justify-between gap-2 py-1 pr-3 text-sm transition text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-emerald-600'>
-          White Paper <SquareArrowOutUpRight className="w-4 h-4 transition-colors group-hover:text-zinc-900 dark:group-hover:text-white" />
+        <TopLevelNavItem href="https://whitepaper.arweave.net/" target="_blank" className='flex cursor-pointer justify-between gap-2 py-1 pr-3 text-sm transition text-zinc-600 hover:text-emerald-600 dark:text-zinc-400 dark:hover:text-emerald-600'>
+          White Paper <SquareArrowOutUpRight className="w-4 h-4 transition-colors group-hover:text-emerald-600 dark:group-hover:text-emerald-600" />
         </TopLevelNavItem>
         <br/>
         {currentNavigation.map((group, groupIndex) => (