diff --git a/src/App.js b/src/App.js
index 60f8fe78..ccd547d9 100644
--- a/src/App.js
+++ b/src/App.js
@@ -15,6 +15,7 @@ import { NavigationWrapper } from "./components/navigation/NavigationWrapper";
 import { NetworkId, Widgets } from "./data/widgets";
 
 export const refreshAllowanceObj = {};
+const documentationHref = "https://social.near-docs.io/";
 
 function App(props) {
   const [connected, setConnected] = useState(false);
@@ -116,6 +117,7 @@ function App(props) {
     logOut,
     requestSignIn,
     widgets: Widgets,
+    documentationHref,
   };
 
   return (
diff --git a/src/components/navigation/desktop/DesktopNavigation.js b/src/components/navigation/desktop/DesktopNavigation.js
index 003ef680..870cfcb9 100644
--- a/src/components/navigation/desktop/DesktopNavigation.js
+++ b/src/components/navigation/desktop/DesktopNavigation.js
@@ -66,7 +66,7 @@ export function DesktopNavigation(props) {
         <div className="navigation-section">
           <NavigationButton route="/">Home</NavigationButton>
           <NavigationButton route="/edit">Create</NavigationButton>
-          <NavigationButton href="https://thewiki.near.page/near.social_docs">
+          <NavigationButton href={props.documentationHref}>
             Documentation
             <ArrowUpRight />
           </NavigationButton>
diff --git a/src/components/navigation/mobile/Menu.js b/src/components/navigation/mobile/Menu.js
index 88d80079..3e8213fa 100644
--- a/src/components/navigation/mobile/Menu.js
+++ b/src/components/navigation/mobile/Menu.js
@@ -208,7 +208,7 @@ export function Menu(props) {
             </NavigationButton>
           </li>
           <li>
-            <NavigationButton href="https://thewiki.near.page/near.social_docs">
+            <NavigationButton href={props.documentationHref}>
               <Book />
               Documentation
             </NavigationButton>