diff --git a/app/global.css b/app/global.css
index 138bb6a8..56f3339a 100644
--- a/app/global.css
+++ b/app/global.css
@@ -57,7 +57,6 @@ html {
   height: 100%;
   scroll-behavior: smooth;
   /* Reserve space for scrollbar to prevent layout shifts */
-  scrollbar-gutter: stable;
 }
 
 body {
diff --git a/src/components/layout/header/AccountDropdown.tsx b/src/components/layout/header/AccountDropdown.tsx
index 1663471c..3750007c 100644
--- a/src/components/layout/header/AccountDropdown.tsx
+++ b/src/components/layout/header/AccountDropdown.tsx
@@ -1,81 +1,98 @@
 'use client';
 
-import { useCallback, useState } from 'react';
-import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
-import { ExitIcon, ExternalLinkIcon } from '@radix-ui/react-icons';
+import { useCallback } from 'react';
+import { Dropdown, DropdownTrigger, DropdownMenu, DropdownItem } from '@nextui-org/react';
+import { ExitIcon, ExternalLinkIcon, CopyIcon } from '@radix-ui/react-icons';
 import { clsx } from 'clsx';
-import Link from 'next/link';
+import { toast } from 'react-toastify';
 import { useAccount, useDisconnect } from 'wagmi';
 import { Avatar } from '@/components/Avatar/Avatar';
 import { Name } from '@/components/common/Name';
 import { getSlicedAddress } from '@/utils/address';
 import { getExplorerURL } from '@/utils/external';
 
-const DropdownMenuContentStyle = {
-  marginTop: '-22px',
-};
-
 export function AccountDropdown() {
   const { address, chainId } = useAccount();
   const { disconnect } = useDisconnect();
-  const [isOpen, setIsOpen] = useState(false);
 
   const handleDisconnectWallet = useCallback(() => {
     disconnect();
   }, [disconnect]);
 
+  const handleCopyAddress = useCallback(() => {
+    if (address) {
+      void navigator.clipboard.writeText(address).then(() => {
+        toast.success('Address copied to clipboard!', { toastId: 'address-copied' });
+      });
+    }
+  }, [address]);
+
   if (!address) return null;
 
   return (
-    <DropdownMenu.Root open={isOpen} onOpenChange={setIsOpen}>
-      <DropdownMenu.Trigger asChild>
-        <div className="flex h-8 w-8 items-center justify-center transition-transform duration-200 hover:-translate-y-[2px]">
-          <button type="button" aria-label="Account menu">
-            <Avatar address={address} />
-          </button>
-        </div>
-      </DropdownMenu.Trigger>
-
-      <DropdownMenu.Portal>
-        <DropdownMenu.Content
-          align="end"
-          sideOffset={40}
+    <Dropdown className="rounded-sm">
+      <DropdownTrigger>
+        <div
           className={clsx(
-            'h-42 inline-flex w-60 flex-col items-start justify-start',
-            'bg-surface rounded bg-opacity-90 px-6 pb-2 pt-6 shadow backdrop-blur-2xl',
-            'animate-in fade-in slide-in-from-right z-[100] duration-300',
+            'flex h-8 w-8 cursor-pointer items-center justify-center',
+            'transition-all duration-150 ease-in-out hover:-translate-y-[2px]',
           )}
-          style={DropdownMenuContentStyle}
         >
-          <div className="mb-4 inline-flex items-center justify-start gap-2 text-sm">
-            <Avatar address={address} />
-            <div className="inline-flex flex-col items-start justify-center gap-1">
-              <div className="w-32 font-inter text-sm font-medium text-primary">
-                <Name address={address} />
+          <Avatar address={address} />
+        </div>
+      </DropdownTrigger>
+      <DropdownMenu
+        aria-label="Account actions"
+        itemClasses={{
+          base: [
+            'gap-4 px-4 py-2 rounded-none font-zen',
+            'data-[hover=true]:bg-hovered rounded-sm',
+          ].join(' '),
+          title: 'text-sm text-primary flex-grow font-zen',
+          wrapper: 'justify-between no-underline rounded-sm',
+        }}
+      >
+        <DropdownItem className="border-b border-primary/10 pb-4" isReadOnly showDivider={false}>
+          <div className="flex w-full flex-col gap-2">
+            <div className="inline-flex items-center justify-start gap-2">
+              <Avatar address={address} />
+              <div className="inline-flex flex-col items-start justify-center gap-1">
+                <div className="font-inter text-sm font-medium text-primary">
+                  <Name address={address} />
+                </div>
+                <span className="font-inter text-xs font-medium text-zinc-400">
+                  {getSlicedAddress(address)}
+                </span>
               </div>
-              <span className="w-32 font-inter text-xs font-medium text-zinc-400">
-                {getSlicedAddress(address)}
-              </span>
             </div>
-            <Link href={getExplorerURL(address, chainId ?? 1)} target="_blank">
-              <ExternalLinkIcon className="relative h-4 w-4" />
-            </Link>
           </div>
+        </DropdownItem>
 
-          <hr className="h-px self-stretch border-transparent bg-opacity-20 text-primary" />
-          <button
-            type="button"
-            aria-label="Disconnect"
-            className="my-4 inline-flex items-center justify-between self-stretch"
-            onClick={handleDisconnectWallet}
-          >
-            <span className="w-32 text-left font-inter text-sm font-medium text-primary">
-              Log out
-            </span>
-            <ExitIcon className="relative h-4 w-4" />
-          </button>
-        </DropdownMenu.Content>
-      </DropdownMenu.Portal>
-    </DropdownMenu.Root>
+        <DropdownItem
+          key="copy"
+          onClick={handleCopyAddress}
+          endContent={<CopyIcon className="h-4 w-4" />}
+        >
+          Copy Address
+        </DropdownItem>
+
+        <DropdownItem
+          key="explorer"
+          endContent={<ExternalLinkIcon className="h-4 w-4" />}
+          onClick={() => window.open(getExplorerURL(address, chainId ?? 1), '_blank')}
+        >
+          View on Explorer
+        </DropdownItem>
+
+        <DropdownItem
+          key="logout"
+          onClick={handleDisconnectWallet}
+          endContent={<ExitIcon className="h-4 w-4" />}
+          className="text-red-500 data-[hover=true]:text-red-500"
+        >
+          Log out
+        </DropdownItem>
+      </DropdownMenu>
+    </Dropdown>
   );
 }
diff --git a/src/components/layout/header/Navbar.tsx b/src/components/layout/header/Navbar.tsx
index b872f74a..797d170e 100644
--- a/src/components/layout/header/Navbar.tsx
+++ b/src/components/layout/header/Navbar.tsx
@@ -1,50 +1,49 @@
 'use client';
 
 import { useEffect, useState } from 'react';
+import { Dropdown, DropdownTrigger, DropdownMenu, DropdownItem } from '@nextui-org/react';
+import { ChevronDownIcon } from '@radix-ui/react-icons';
 import { clsx } from 'clsx';
 import Image from 'next/image';
-import NextLink from 'next/link';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { useTheme } from 'next-themes';
 import { FaRegMoon } from 'react-icons/fa';
 import { FiSettings } from 'react-icons/fi';
 import { LuSunMedium } from 'react-icons/lu';
-
+import { RiBookLine, RiDiscordFill, RiGithubFill } from 'react-icons/ri';
 import { useAccount } from 'wagmi';
+import { EXTERNAL_LINKS } from '@/utils/external';
 import logo from '../../imgs/logo.png';
 import AccountConnect from './AccountConnect';
 
 export function NavbarLink({
-  href,
   children,
-  target,
-  ariaLabel,
+  href,
   matchKey,
+  target,
 }: {
-  href: string;
   children: React.ReactNode;
-  target?: string;
-  ariaLabel?: string;
+  href: string;
   matchKey?: string;
+  target?: string;
 }) {
   const pathname = usePathname();
-  const isActive = matchKey === '/' ? pathname === matchKey : pathname.includes(matchKey ?? href);
+  const isActive = matchKey ? pathname.includes(matchKey) : pathname === href;
 
   return (
-    <NextLink
+    <Link
       href={href}
       className={clsx(
         'px-2 py-1 text-center font-zen text-base font-normal text-primary no-underline',
         'relative after:absolute after:bottom-[-4px] after:left-0 after:h-[2px] after:w-full after:bg-primary',
-        'transition-all duration-200 hover:-translate-y-[2px]',
+        'no-underline transition-all duration-200',
         isActive ? 'after:opacity-100' : 'after:opacity-0',
       )}
       target={target}
-      aria-label={ariaLabel}
     >
       {children}
-    </NextLink>
+    </Link>
   );
 }
 
@@ -52,14 +51,14 @@ export function NavbarTitle() {
   return (
     <div className="flex h-8 items-center justify-start gap-4">
       <Image src={logo} alt="logo" height={30} />
-      <NextLink
+      <Link
         href="/"
         passHref
         className="text-center font-zen text-lg font-medium text-primary no-underline"
         aria-label="build-onchain-apps Github repository"
       >
         Monarch
-      </NextLink>
+      </Link>
     </div>
   );
 }
@@ -68,6 +67,7 @@ export function Navbar() {
   const { theme, setTheme } = useTheme();
   const { address } = useAccount();
   const [mounted, setMounted] = useState(false);
+  const [isMoreOpen, setIsMoreOpen] = useState(false);
 
   useEffect(() => {
     setMounted(true);
@@ -78,7 +78,7 @@ export function Navbar() {
   };
 
   return (
-    <nav className="bg-surface flex h-full w-full items-center justify-between rounded px-4 font-zen">
+    <nav className="bg-surface flex h-full w-full items-center justify-between rounded px-4">
       <NavbarTitle />
 
       <div className="flex items-center gap-8">
@@ -88,24 +88,80 @@ export function Navbar() {
           <NavbarLink href={`/rewards/${address ?? ''}`} matchKey="/rewards">
             Rewards
           </NavbarLink>
+
+          <Dropdown onOpenChange={setIsMoreOpen} className="rounded-sm">
+            <DropdownTrigger>
+              <button
+                type="button"
+                className={clsx(
+                  'px-2 py-1 text-center font-zen text-base font-normal text-primary',
+                  'border-none transition-all duration-200',
+                  'inline-flex items-center gap-1',
+                )}
+              >
+                More
+                <ChevronDownIcon
+                  className={clsx(
+                    'h-4 w-4 transition-transform duration-200 ease-in-out',
+                    isMoreOpen && 'rotate-180',
+                  )}
+                />
+              </button>
+            </DropdownTrigger>
+            <DropdownMenu
+              aria-label="More links"
+              className="bg-surface min-w-[180px] rounded-sm border-none shadow-none"
+              itemClasses={{
+                base: [
+                  'gap-4 px-4 py-2 rounded-none font-zen',
+                  'data-[hover=true]:bg-hovered rounded-sm',
+                ].join(' '),
+                title: 'text-sm text-primary flex-grow font-zen',
+                wrapper: 'justify-between no-underline rounded-sm',
+              }}
+            >
+              <DropdownItem
+                key="docs"
+                endContent={<RiBookLine className="h-4 w-4" />}
+                onClick={() => window.open(EXTERNAL_LINKS.docs, '_blank')}
+              >
+                Docs
+              </DropdownItem>
+              <DropdownItem
+                key="discord"
+                endContent={<RiDiscordFill className="h-4 w-4" />}
+                onClick={() => window.open(EXTERNAL_LINKS.discord, '_blank')}
+              >
+                Discord
+              </DropdownItem>
+              <DropdownItem
+                key="github"
+                endContent={<RiGithubFill className="h-4 w-4" />}
+                onClick={() => window.open(EXTERNAL_LINKS.github, '_blank')}
+              >
+                GitHub
+              </DropdownItem>
+              <DropdownItem
+                key="theme"
+                endContent={
+                  mounted &&
+                  (theme === 'dark' ? <LuSunMedium size={16} /> : <FaRegMoon size={14} />)
+                }
+                onClick={toggleTheme}
+              >
+                {theme === 'dark' ? 'Light Theme' : 'Dark Theme'}
+              </DropdownItem>
+              <DropdownItem key="settings" endContent={<FiSettings className="h-4 w-4" />}>
+                <Link href="/settings" className="text-sm text-primary no-underline">
+                  Settings
+                </Link>
+              </DropdownItem>
+            </DropdownMenu>
+          </Dropdown>
         </div>
 
         <div className="flex items-center gap-6">
-          <button
-            type="button"
-            onClick={toggleTheme}
-            className="flex h-10 items-center justify-center rounded-full"
-            aria-label="Toggle theme"
-          >
-            {mounted && (theme === 'dark' ? <LuSunMedium size={20} /> : <FaRegMoon size={18} />)}
-          </button>
-          <Link
-            href="/settings"
-            className="inline-flex items-center justify-between self-stretch no-underline"
-          >
-            <FiSettings className="relative" size={18} />
-          </Link>
-          <AccountConnect onConnectPath="positions" />
+          <AccountConnect />
         </div>
       </div>
     </nav>
diff --git a/src/utils/external.ts b/src/utils/external.ts
index 2d74addd..60d10a03 100644
--- a/src/utils/external.ts
+++ b/src/utils/external.ts
@@ -31,3 +31,9 @@ export const getExplorerTxURL = (hash: string, chain: SupportedNetworks): string
       return `https://etherscan.io/tx/${hash}`;
   }
 };
+
+export const EXTERNAL_LINKS = {
+  docs: 'https://monarch-lend.gitbook.io/monarch-lend/',
+  discord: 'https://discord.gg/Ur4dwN3aPS',
+  github: 'https://github.com/monarch-xyz',
+} as const;