diff --git a/docs/src/Router.tsx b/docs/src/Router.tsx
index 10336f8c..17378a01 100644
--- a/docs/src/Router.tsx
+++ b/docs/src/Router.tsx
@@ -69,6 +69,17 @@ const router = createHashRouter([
             element: <Changelog />
           }
         ]
+      },
+      {
+        path: '/changelog',
+        element: <Docs />,
+        errorElement: <Error />,
+        children: [
+          {
+            index: true,
+            element: <Changelog />
+          }
+        ]
       }
     ]
   }
diff --git a/docs/src/app/Docs/Navigation.tsx b/docs/src/app/Docs/Navigation.tsx
index d230e110..e1842c4a 100644
--- a/docs/src/app/Docs/Navigation.tsx
+++ b/docs/src/app/Docs/Navigation.tsx
@@ -58,7 +58,7 @@ export default function DocsNavigation() {
         {
           title: 'Changelog',
           icon: viStar,
-          link: '/docs/changelog'
+          link: '/changelog'
         }
       ]
     }
diff --git a/docs/src/design/layout/LayoutElements/Navbar.tsx b/docs/src/design/layout/LayoutElements/Navbar.tsx
index 2549e78d..6b449621 100644
--- a/docs/src/design/layout/LayoutElements/Navbar.tsx
+++ b/docs/src/design/layout/LayoutElements/Navbar.tsx
@@ -78,6 +78,15 @@ export default function Navbar() {
             >
               Docs
             </Button>
+            <Button
+              component={NavLink}
+              to="/changelog"
+              variant={location?.pathname?.startsWith('/changelog') ? 'solid' : 'plain'}
+              size="sm"
+              color={location?.pathname?.startsWith('/changelog') ? 'primary' : 'primary'}
+            >
+              Changelog
+            </Button>
           </Stack>
           <Stack direction="row" justifyContent="flex-end">
             <IconButton size="sm" variant="plain" color="primary" component="a" href="https://github.com/sippy-platform/valkyrie" target="_blank">