diff --git a/client/src/pages/AuctionGuide.tsx b/client/src/pages/AuctionGuide.tsx
index db8033a..decd01e 100644
--- a/client/src/pages/AuctionGuide.tsx
+++ b/client/src/pages/AuctionGuide.tsx
@@ -7,7 +7,8 @@ import {
   List, 
   Target,
   Gavel,
-  Home
+  Home,
+  BookOpen
 } from "lucide-react";
 
 export default function AuctionGuide() {
@@ -27,11 +28,25 @@ export default function AuctionGuide() {
             </Link>
             
             <div className="flex items-center space-x-3">
-              <nav className="hidden md:flex space-x-4">
-                <Link href="/" className="text-gray-600 hover:text-gray-900 transition-colors text-sm" data-testid="link-home">Home</Link>
-                <Link href="/auctions" className="text-gray-600 hover:text-gray-900 transition-colors text-sm" data-testid="link-auctions">Auctions</Link>
-                <Link href="/auction-guide" className="text-gray-900 font-medium text-sm" data-testid="link-auction-guide">Auction Guide</Link>
-              </nav>
+              <div className="relative">
+                <Button 
+                  variant="ghost" 
+                  size="sm"
+                  className="relative"
+                  data-testid="button-auction-guide"
+                >
+                  <BookOpen className="h-4 w-4" />
+                </Button>
+                {/* Triangle indicator */}
+                <div className="absolute left-1/2 -translate-x-1/2 top-full">
+                  <svg width="16" height="8" viewBox="0 0 16 8" className="text-gray-50">
+                    <path 
+                      d="M 8 0 Q 8 2, 6 3 L 2 7 Q 0 8, 0 8 L 16 8 Q 16 8, 14 7 L 10 3 Q 8 2, 8 0 Z" 
+                      fill="currentColor"
+                    />
+                  </svg>
+                </div>
+              </div>
               
               <a href="/api/login">
                 <Button size="sm" data-testid="button-login">Login</Button>