frontend/src/components/FileBrowser/FileBrowser.tsx

@@ -49,9 +49,6 @@ export default function FileBrowser({ libraryId }: Props) {
         <button onClick={() => navigate("")} style={{ background: "none", border: "none", cursor: "pointer", fontWeight: 600, color: "var(--text)", padding: "2px 4px" }}>
           Root
         </button>
-        <button onClick={startDoomScroll} style={{ marginLeft: "auto", background: "var(--accent)", color: "#fff", border: "none", borderRadius: 4, padding: "4px 10px", cursor: "pointer", fontSize: 13 }}>
-          Doom Scroll
-        </button>
         {pathParts.map((part, i) => {
           const partPath = pathParts.slice(0, i + 1).join("/");
           return (
@@ -63,6 +60,9 @@ export default function FileBrowser({ libraryId }: Props) {
             </span>
           );
         })}
+        <button onClick={startDoomScroll} style={{ marginLeft: "auto", background: "var(--accent)", color: "#fff", border: "none", borderRadius: 4, padding: "4px 10px", cursor: "pointer", fontSize: 13 }}>
+          Doom Scroll
+        </button>
       </nav>
 
       {isLoading && <p style={{ color: "var(--text-secondary)" }}>Loading…</p>}