diff --git a/app/assets/javascripts/packages_and_registries/container_registry/explorer/index.js b/app/assets/javascripts/packages_and_registries/container_registry/explorer/index.js
index ca5327c864ba455e7aefc018515a1474e3c8ad8d..2edef1c6a948848b49073372a1c0817dbba82daa 100644
--- a/app/assets/javascripts/packages_and_registries/container_registry/explorer/index.js
+++ b/app/assets/javascripts/packages_and_registries/container_registry/explorer/index.js
@@ -92,7 +92,14 @@ export default () => {
     });
 
   return {
-    attachBreadcrumb: () => injectVueAppBreadcrumbs(router, RegistryBreadcrumb, apolloProvider),
+    attachBreadcrumb: () =>
+      injectVueAppBreadcrumbs(
+        router,
+        RegistryBreadcrumb,
+        apolloProvider,
+        {},
+        { singleNavOptIn: true },
+      ),
     attachMainComponent,
   };
 };
diff --git a/app/assets/javascripts/packages_and_registries/package_registry/index.js b/app/assets/javascripts/packages_and_registries/package_registry/index.js
index cbd781532f8bf1e227aec195be13321d175d838e..2c8e93924b793ee17e743895f992c710edc826ae 100644
--- a/app/assets/javascripts/packages_and_registries/package_registry/index.js
+++ b/app/assets/javascripts/packages_and_registries/package_registry/index.js
@@ -51,7 +51,14 @@ export default () => {
     });
 
   return {
-    attachBreadcrumb: () => injectVueAppBreadcrumbs(router, RegistryBreadcrumb, apolloProvider),
+    attachBreadcrumb: () =>
+      injectVueAppBreadcrumbs(
+        router,
+        RegistryBreadcrumb,
+        apolloProvider,
+        {},
+        { singleNavOptIn: true },
+      ),
     attachMainComponent,
   };
 };
diff --git a/app/assets/javascripts/packages_and_registries/shared/components/registry_breadcrumb.vue b/app/assets/javascripts/packages_and_registries/shared/components/registry_breadcrumb.vue
index 568dee26e690d3a77f10c07649d500e5630dbcc4..b2955ba515e03a74b4ba295a0d13df955921835b 100644
--- a/app/assets/javascripts/packages_and_registries/shared/components/registry_breadcrumb.vue
+++ b/app/assets/javascripts/packages_and_registries/shared/components/registry_breadcrumb.vue
@@ -9,6 +9,13 @@ export default {
   components: {
     GlBreadcrumb,
   },
+  props: {
+    staticBreadcrumbs: {
+      type: Object,
+      required: false,
+      default: () => ({ items: [] }),
+    },
+  },
   computed: {
     rootRoute() {
       return this.$router.options.routes.find((r) => r.meta.root);
@@ -27,6 +34,7 @@ export default {
     },
     allCrumbs() {
       const crumbs = [
+        ...this.staticBreadcrumbs.items,
         {
           text: this.rootRoute.meta.nameGenerator(),
           to: this.rootRoute.path,