diff --git a/web/screens/LocalServer/index.tsx b/web/screens/LocalServer/index.tsx
index ba3331648..1ff126753 100644
--- a/web/screens/LocalServer/index.tsx
+++ b/web/screens/LocalServer/index.tsx
@@ -127,7 +127,7 @@ const LocalServerScreen = () => {
             </Button>
             {serverEnabled && (
               <Button block themes="secondaryBlue" asChild>
-                <a href={`http://127.0.0.1:${port}`} target="_blank">
+                <a href={`http://${host}:${port}`} target="_blank">
                   API Reference <ExternalLinkIcon size={20} className="ml-2" />
                 </a>
               </Button>