diff --git a/web/screens/LocalServer/index.tsx b/web/screens/LocalServer/index.tsx
index 8a0e768f9..1ff126753 100644
--- a/web/screens/LocalServer/index.tsx
+++ b/web/screens/LocalServer/index.tsx
@@ -125,11 +125,13 @@ const LocalServerScreen = () => {
             >
               {serverEnabled ? 'Stop' : 'Start'} Server
             </Button>
-            <Button block themes="secondaryBlue" asChild>
-              <a href="https://jan.ai/api-reference/" target="_blank">
-                API Reference <ExternalLinkIcon size={20} className="ml-2" />
-              </a>
-            </Button>
+            {serverEnabled && (
+              <Button block themes="secondaryBlue" asChild>
+                <a href={`http://${host}:${port}`} target="_blank">
+                  API Reference <ExternalLinkIcon size={20} className="ml-2" />
+                </a>
+              </Button>
+            )}
           </div>
         </div>