diff --git a/app/root/header/Header.tsx b/app/root/header/Header.tsx
index dde3947ad..1af779bc8 100644
--- a/app/root/header/Header.tsx
+++ b/app/root/header/Header.tsx
@@ -17,7 +17,7 @@ import { useEffect, useState } from 'react'
 import { useClickAnyWhere, useWindowSize } from 'usehooks-ts'
 
 import { Meatball } from '~/components/meatball/Meatball'
-import { useEmail, useUserIdp } from '~/root'
+import { useEmail, useModStatus, useUserIdp } from '~/root'
 
 import styles from './header.module.css'
 
@@ -74,6 +74,7 @@ export function Header() {
   const [expanded, setExpanded] = useState(false)
   const [userMenuIsOpen, setUserMenuIsOpen] = useState(false)
   const isMobile = useWindowSize().width < 1024
+  const isModerator = useModStatus()
 
   function toggleMobileNav() {
     setExpanded((expanded) => !expanded)
@@ -110,7 +111,7 @@ export function Header() {
       <USWDSHeader basic className={`usa-header--dark ${styles.header}`}>
         <div className="usa-nav-container">
           <div className="usa-navbar">
-            <Title>
+            <Title style={{ width: 'max-content' }}>
               <Link to="/">
                 <Meatball className="width-auto" />
                 <span>General Coordinates Network</span>
@@ -139,6 +140,15 @@ export function Header() {
               >
                 Circulars
               </NavLink>,
+              isModerator ? (
+                <NavLink
+                  className="usa-nav__link"
+                  to="/synonyms"
+                  key="/synonyms"
+                >
+                  Synonyms
+                </NavLink>
+              ) : null,
               <NavLink className="usa-nav__link" to="/docs" key="/docs">
                 Documentation
               </NavLink>,