diff --git a/src/DocsOverview.res b/src/DocsOverview.res
index 8a396af32..b7e642cd8 100644
--- a/src/DocsOverview.res
+++ b/src/DocsOverview.res
@@ -31,8 +31,6 @@ let default = (~showVersionSelect=true) => {
     ("Reanalyze", "https://github.com/rescript-lang/reanalyze"),
   ]
 
-  let tools = [("Syntax Lookup", "/syntax-lookup")]
-
   let versionSelect = if showVersionSelect {
     let onChange = evt => {
       open Url
@@ -68,7 +66,7 @@ let default = (~showVersionSelect=true) => {
     <div className="grid grid-cols-1 xs:grid-cols-2 gap-8">
       <Card title="Language Manual" hrefs=languageManual />
       <Card title="Ecosystem" hrefs=ecosystem />
-      <Card title="Tools" hrefs=tools />
+      <Card title="Tools" hrefs=Constants.tools />
     </div>
   </>
 }
diff --git a/src/components/Navigation.res b/src/components/Navigation.res
index fcecc0b19..55aad3f8c 100644
--- a/src/components/Navigation.res
+++ b/src/components/Navigation.res
@@ -525,6 +525,9 @@ let make = (~fixed=true, ~isOverlayOpen: bool, ~setOverlayOpen: (bool => bool) =
               className={isActiveLink(~route, ~href=`/docs/manual/${version}/api`)}>
               {React.string("API")}
             </Link>
+            <Link href={`/syntax-lookup`} className={isActiveLink(~route, ~href=`/syntax-lookup`)}>
+              {React.string("Syntax")}
+            </Link>
             <Link
               href={`/docs/react/latest/introduction`}
               className={isActiveLink(~route, ~href=`/docs/react/latest/introduction`)}>
diff --git a/src/layouts/ApiOverviewLayout.res b/src/layouts/ApiOverviewLayout.res
index 2688bb984..f24b183cc 100644
--- a/src/layouts/ApiOverviewLayout.res
+++ b/src/layouts/ApiOverviewLayout.res
@@ -6,7 +6,6 @@ let makeCategories: string => array<Sidebar.Category.t> = version => [
     items: [
       {name: "Overview", href: `/docs/manual/${version}/api`},
       {name: "Core", href: `/docs/manual/${version}/api/core`},
-      {name: "Syntax Lookup", href: "/syntax-lookup"},
     ],
   },
   {