diff --git a/ethereal-nexus-dashboard/src/components/ui/main-nav/main-nav.tsx b/ethereal-nexus-dashboard/src/components/ui/main-nav/main-nav.tsx
index 3f7fadde..ad03eb09 100644
--- a/ethereal-nexus-dashboard/src/components/ui/main-nav/main-nav.tsx
+++ b/ethereal-nexus-dashboard/src/components/ui/main-nav/main-nav.tsx
@@ -29,9 +29,11 @@ export async function MainNav({
         Components
       </NavLink>
       <NavLink
-        href="/api-doc"
+          rel="noreferrer noopener"
+          target="_blank"
+          href="https://diconium.github.io/ethereal-nexus/"
       >
-        API Documentation
+        Documentation
       </NavLink>
       {session?.user?.role === 'admin' ? (
         <NavLink
diff --git a/ethereal-nexus-dashboard/src/components/ui/main-nav/nav-link.tsx b/ethereal-nexus-dashboard/src/components/ui/main-nav/nav-link.tsx
index d53ea5d8..89bf768e 100644
--- a/ethereal-nexus-dashboard/src/components/ui/main-nav/nav-link.tsx
+++ b/ethereal-nexus-dashboard/src/components/ui/main-nav/nav-link.tsx
@@ -29,16 +29,18 @@ function isSelected(pathname: string, href: string | UrlObject) {
   return href !== '/' && pathname.startsWith(href.toString());
 }
 
-export function NavLink({href, className, children}: NavLinkProps) {
+export function NavLink({href, className, children, target, rel}: NavLinkProps) {
   const pathname = usePathname()
   const selected = isSelected(pathname, href);
 
   return (
       <Link
         href={href}
+        target={target}
+        rel={rel}
         className={link({ selected, className })}
       >
         {children}
       </Link>
   );
-}
\ No newline at end of file
+}