diff --git a/apps/web/src/components/AppHeader.tsx b/apps/web/src/components/AppHeader.tsx
index d1cba1b..dbd51c8 100644
--- a/apps/web/src/components/AppHeader.tsx
+++ b/apps/web/src/components/AppHeader.tsx
@@ -33,11 +33,11 @@ export function AppHeader(): React.ReactElement {
               How It Works
             </Button>
           </Link>
-          <Link href="/playground">
+          <a href="https://playground.tpmjs.com" target="_blank" rel="noopener noreferrer">
             <Button variant="ghost" size="sm" className="text-foreground hover:text-foreground">
               Playground
             </Button>
-          </Link>
+          </a>
           <Link href="/spec">
             <Button variant="ghost" size="sm" className="text-foreground hover:text-foreground">
               Spec