diff --git a/docs/reference/openapi.mdx b/docs/reference/openapi.mdx
index b01c1413..37eee5b0 100644
--- a/docs/reference/openapi.mdx
+++ b/docs/reference/openapi.mdx
@@ -5,5 +5,11 @@ sidebar_label: ZetaChain HTTP API
 
 import SwaggerUI from "swagger-ui-react";
 import "swagger-ui-react/swagger-ui.css";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 
-<SwaggerUI url="/data/openapi.swagger.yaml" />
+export const OpenAPI = () => {
+  const { siteConfig } = useDocusaurusContext();
+  return <SwaggerUI url={siteConfig.baseUrl + "data/openapi.swagger.yaml"} />;
+};
+
+<OpenAPI />