diff --git a/client/pages/docs/DocsOverview.tsx b/client/pages/docs/DocsOverview.tsx
index 942de3c7..388395b7 100644
--- a/client/pages/docs/DocsOverview.tsx
+++ b/client/pages/docs/DocsOverview.tsx
@@ -342,11 +342,14 @@ export default function DocsOverview() {
           </CardHeader>
           <CardContent>
             <Button
+              asChild
               variant="outline"
               className="border-slate-600 text-white hover:bg-slate-800"
             >
-              <ExternalLink className="h-4 w-4 mr-2" />
-              Join Community
+              <Link to="/community" className="inline-flex items-center">
+                <ExternalLink className="h-4 w-4 mr-2" />
+                Join Community
+              </Link>
             </Button>
           </CardContent>
         </Card>