diff --git a/ui/src/components/frame/ModeBreadcrumb.test.tsx b/ui/src/components/frame/ModeBreadcrumb.test.tsx
index 735b731b..68b28768 100644
--- a/ui/src/components/frame/ModeBreadcrumb.test.tsx
+++ b/ui/src/components/frame/ModeBreadcrumb.test.tsx
@@ -38,6 +38,9 @@ describe("deriveBreadcrumbSegments", () => {
     ["/NEX/routines", ["PROJECTS"]],
     ["/instance/settings/general", ["SETTINGS"]],
     ["/instance/settings/integrations", ["SETTINGS", "INTEGRATIONS"]],
+    ["/instance/settings", ["SETTINGS"]],
+    ["/instance/settings-foo", ["HOME"]],
+    ["/instance/settings-foo/bar", ["HOME"]],
     ["/", ["HOME"]],
     ["/unknown/path", ["HOME"]],
   ])("maps %s to %o", (input, expected) => {
diff --git a/ui/src/components/frame/ModeBreadcrumb.tsx b/ui/src/components/frame/ModeBreadcrumb.tsx
index 2112b992..237f7275 100644
--- a/ui/src/components/frame/ModeBreadcrumb.tsx
+++ b/ui/src/components/frame/ModeBreadcrumb.tsx
@@ -21,7 +21,7 @@ import { cn } from "@/lib/utils";
  */
 export function deriveBreadcrumbSegments(pathname: string): string[] {
   // /instance/settings/...
-  if (pathname.startsWith("/instance/settings")) {
+  if (pathname === "/instance/settings" || pathname.startsWith("/instance/settings/")) {
     const rest = pathname.replace(/^\/instance\/settings\/?/, "");
     if (!rest) return ["SETTINGS"];
     const leaf = rest.split("/")[0] ?? "";