diff --git a/site/src/layouts/Base.astro b/site/src/layouts/Base.astro
index 969d411..95d83f7 100644
--- a/site/src/layouts/Base.astro
+++ b/site/src/layouts/Base.astro
@@ -221,8 +221,6 @@ try {
             <a href={`${baseUrl}convert/`} class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Convert</a>
           )}
           <a href={`${baseUrl}segments/`} class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Segments</a>
-          <a href={`${baseUrl}ideas/`} class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Ideas</a>
-          <a id="nav-about" href={`${baseUrl}about/`} class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">About</a>
           {wikiUrl && (
             <a id="nav-wiki" href={wikiUrl} style="display:none"
               class="text-sm text-zinc-400 hover:text-white transition-colors shrink-0">Wiki</a>
@@ -241,6 +239,15 @@ try {
               title=""
               class="hidden sm:flex text-xs px-2 py-0.5 rounded-full bg-amber-900/60 text-amber-300 border border-amber-700/50 animate-pulse cursor-default"
             ></span>
+            <!-- Ideas / About — always visible on desktop -->
+            <a
+              href={`${baseUrl}ideas/`}
+              class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
+            >Ideas</a>
+            <a
+              href={`${baseUrl}about/`}
+              class="hidden sm:inline text-xs text-zinc-500 hover:text-white transition-colors px-1"
+            >About</a>
             <!-- Settings link — hidden until logged in -->
             <a
               id="nav-settings"
@@ -295,6 +302,12 @@ try {
           <a href={`${baseUrl}segments/`}
              class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
              style="color: var(--text-4)">Segments</a>
+          <a href={`${baseUrl}ideas/`}
+             class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
+             style="color: var(--text-4)">Ideas</a>
+          <a href={`${baseUrl}about/`}
+             class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
+             style="color: var(--text-4)">About</a>
           <a href={`${baseUrl}settings/`}
              class="text-sm px-2 py-1.5 rounded hover:bg-zinc-800 transition-colors"
              style="color: var(--text-4)">Settings</a>