diff --git a/src/core/apollo/generated/apollo-hooks.ts b/src/core/apollo/generated/apollo-hooks.ts
index 407275c542..c063e3adf9 100644
--- a/src/core/apollo/generated/apollo-hooks.ts
+++ b/src/core/apollo/generated/apollo-hooks.ts
@@ -2295,6 +2295,17 @@ export const JourneyCommunityFragmentDoc = gql`
   ${DashboardLeadUserFragmentDoc}
   ${AssociatedOrganizationDetailsFragmentDoc}
 `;
+export const JourneyBreadcrumbsProfileFragmentDoc = gql`
+  fragment JourneyBreadcrumbsProfile on Profile {
+    id
+    displayName
+    avatar: visual(type: AVATAR) {
+      id
+      ...VisualUri
+    }
+  }
+  ${VisualUriFragmentDoc}
+`;
 export const OpportunityPageFragmentDoc = gql`
   fragment OpportunityPage on Opportunity {
     id
@@ -2781,16 +2792,6 @@ export const SpaceDetailsProviderFragmentDoc = gql`
   ${VisualUriFragmentDoc}
   ${ContextDetailsProviderFragmentDoc}
 `;
-export const SpaceNameFragmentDoc = gql`
-  fragment SpaceName on Space {
-    id
-    nameID
-    profile {
-      id
-      displayName
-    }
-  }
-`;
 export const AdminSpaceFragmentDoc = gql`
   fragment AdminSpace on Space {
     id
@@ -16548,70 +16549,6 @@ export function refetchChallengeInnovationFlowQuery(variables: SchemaTypes.Chall
   return { query: ChallengeInnovationFlowDocument, variables: variables };
 }
 
-export const ChallengeNameDocument = gql`
-  query challengeName($spaceId: UUID_NAMEID!, $challengeId: UUID_NAMEID!) {
-    space(ID: $spaceId) {
-      id
-      nameID
-      challenge(ID: $challengeId) {
-        id
-        nameID
-        profile {
-          id
-          displayName
-        }
-      }
-    }
-  }
-`;
-
-/**
- * __useChallengeNameQuery__
- *
- * To run a query within a React component, call `useChallengeNameQuery` and pass it any options that fit your needs.
- * When your component renders, `useChallengeNameQuery` returns an object from Apollo Client that contains loading, error, and data properties
- * you can use to render your UI.
- *
- * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
- *
- * @example
- * const { data, loading, error } = useChallengeNameQuery({
- *   variables: {
- *      spaceId: // value for 'spaceId'
- *      challengeId: // value for 'challengeId'
- *   },
- * });
- */
-export function useChallengeNameQuery(
-  baseOptions: Apollo.QueryHookOptions<SchemaTypes.ChallengeNameQuery, SchemaTypes.ChallengeNameQueryVariables>
-) {
-  const options = { ...defaultOptions, ...baseOptions };
-  return Apollo.useQuery<SchemaTypes.ChallengeNameQuery, SchemaTypes.ChallengeNameQueryVariables>(
-    ChallengeNameDocument,
-    options
-  );
-}
-
-export function useChallengeNameLazyQuery(
-  baseOptions?: Apollo.LazyQueryHookOptions<SchemaTypes.ChallengeNameQuery, SchemaTypes.ChallengeNameQueryVariables>
-) {
-  const options = { ...defaultOptions, ...baseOptions };
-  return Apollo.useLazyQuery<SchemaTypes.ChallengeNameQuery, SchemaTypes.ChallengeNameQueryVariables>(
-    ChallengeNameDocument,
-    options
-  );
-}
-
-export type ChallengeNameQueryHookResult = ReturnType<typeof useChallengeNameQuery>;
-export type ChallengeNameLazyQueryHookResult = ReturnType<typeof useChallengeNameLazyQuery>;
-export type ChallengeNameQueryResult = Apollo.QueryResult<
-  SchemaTypes.ChallengeNameQuery,
-  SchemaTypes.ChallengeNameQueryVariables
->;
-export function refetchChallengeNameQuery(variables: SchemaTypes.ChallengeNameQueryVariables) {
-  return { query: ChallengeNameDocument, variables: variables };
-}
-
 export const ChallengeProfileInfoDocument = gql`
   query challengeProfileInfo($spaceId: UUID_NAMEID!, $challengeId: UUID_NAMEID!) {
     space(ID: $spaceId) {
@@ -17608,6 +17545,291 @@ export function refetchJourneyPrivilegesQuery(variables: SchemaTypes.JourneyPriv
   return { query: JourneyPrivilegesDocument, variables: variables };
 }
 
+export const JourneyBreadcrumbsInnovationHubDocument = gql`
+  query JourneyBreadcrumbsInnovationHub {
+    platform {
+      innovationHub {
+        id
+        profile {
+          id
+          displayName
+          avatar: visual(type: BANNER_WIDE) {
+            id
+            ...VisualUri
+          }
+        }
+      }
+    }
+  }
+  ${VisualUriFragmentDoc}
+`;
+
+/**
+ * __useJourneyBreadcrumbsInnovationHubQuery__
+ *
+ * To run a query within a React component, call `useJourneyBreadcrumbsInnovationHubQuery` and pass it any options that fit your needs.
+ * When your component renders, `useJourneyBreadcrumbsInnovationHubQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useJourneyBreadcrumbsInnovationHubQuery({
+ *   variables: {
+ *   },
+ * });
+ */
+export function useJourneyBreadcrumbsInnovationHubQuery(
+  baseOptions?: Apollo.QueryHookOptions<
+    SchemaTypes.JourneyBreadcrumbsInnovationHubQuery,
+    SchemaTypes.JourneyBreadcrumbsInnovationHubQueryVariables
+  >
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<
+    SchemaTypes.JourneyBreadcrumbsInnovationHubQuery,
+    SchemaTypes.JourneyBreadcrumbsInnovationHubQueryVariables
+  >(JourneyBreadcrumbsInnovationHubDocument, options);
+}
+
+export function useJourneyBreadcrumbsInnovationHubLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    SchemaTypes.JourneyBreadcrumbsInnovationHubQuery,
+    SchemaTypes.JourneyBreadcrumbsInnovationHubQueryVariables
+  >
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<
+    SchemaTypes.JourneyBreadcrumbsInnovationHubQuery,
+    SchemaTypes.JourneyBreadcrumbsInnovationHubQueryVariables
+  >(JourneyBreadcrumbsInnovationHubDocument, options);
+}
+
+export type JourneyBreadcrumbsInnovationHubQueryHookResult = ReturnType<typeof useJourneyBreadcrumbsInnovationHubQuery>;
+export type JourneyBreadcrumbsInnovationHubLazyQueryHookResult = ReturnType<
+  typeof useJourneyBreadcrumbsInnovationHubLazyQuery
+>;
+export type JourneyBreadcrumbsInnovationHubQueryResult = Apollo.QueryResult<
+  SchemaTypes.JourneyBreadcrumbsInnovationHubQuery,
+  SchemaTypes.JourneyBreadcrumbsInnovationHubQueryVariables
+>;
+export function refetchJourneyBreadcrumbsInnovationHubQuery(
+  variables?: SchemaTypes.JourneyBreadcrumbsInnovationHubQueryVariables
+) {
+  return { query: JourneyBreadcrumbsInnovationHubDocument, variables: variables };
+}
+
+export const JourneyBreadcrumbsSpaceDocument = gql`
+  query JourneyBreadcrumbsSpace($spaceNameId: UUID_NAMEID!) {
+    space(ID: $spaceNameId) {
+      id
+      profile {
+        id
+        displayName
+        avatar: visual(type: BANNER) {
+          id
+          ...VisualUri
+        }
+      }
+    }
+  }
+  ${VisualUriFragmentDoc}
+`;
+
+/**
+ * __useJourneyBreadcrumbsSpaceQuery__
+ *
+ * To run a query within a React component, call `useJourneyBreadcrumbsSpaceQuery` and pass it any options that fit your needs.
+ * When your component renders, `useJourneyBreadcrumbsSpaceQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useJourneyBreadcrumbsSpaceQuery({
+ *   variables: {
+ *      spaceNameId: // value for 'spaceNameId'
+ *   },
+ * });
+ */
+export function useJourneyBreadcrumbsSpaceQuery(
+  baseOptions: Apollo.QueryHookOptions<
+    SchemaTypes.JourneyBreadcrumbsSpaceQuery,
+    SchemaTypes.JourneyBreadcrumbsSpaceQueryVariables
+  >
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<SchemaTypes.JourneyBreadcrumbsSpaceQuery, SchemaTypes.JourneyBreadcrumbsSpaceQueryVariables>(
+    JourneyBreadcrumbsSpaceDocument,
+    options
+  );
+}
+
+export function useJourneyBreadcrumbsSpaceLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    SchemaTypes.JourneyBreadcrumbsSpaceQuery,
+    SchemaTypes.JourneyBreadcrumbsSpaceQueryVariables
+  >
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<
+    SchemaTypes.JourneyBreadcrumbsSpaceQuery,
+    SchemaTypes.JourneyBreadcrumbsSpaceQueryVariables
+  >(JourneyBreadcrumbsSpaceDocument, options);
+}
+
+export type JourneyBreadcrumbsSpaceQueryHookResult = ReturnType<typeof useJourneyBreadcrumbsSpaceQuery>;
+export type JourneyBreadcrumbsSpaceLazyQueryHookResult = ReturnType<typeof useJourneyBreadcrumbsSpaceLazyQuery>;
+export type JourneyBreadcrumbsSpaceQueryResult = Apollo.QueryResult<
+  SchemaTypes.JourneyBreadcrumbsSpaceQuery,
+  SchemaTypes.JourneyBreadcrumbsSpaceQueryVariables
+>;
+export function refetchJourneyBreadcrumbsSpaceQuery(variables: SchemaTypes.JourneyBreadcrumbsSpaceQueryVariables) {
+  return { query: JourneyBreadcrumbsSpaceDocument, variables: variables };
+}
+
+export const JourneyBreadcrumbsChallengeDocument = gql`
+  query JourneyBreadcrumbsChallenge($spaceNameId: UUID_NAMEID!, $challengeNameId: UUID_NAMEID!) {
+    space(ID: $spaceNameId) {
+      id
+      challenge(ID: $challengeNameId) {
+        id
+        profile {
+          ...JourneyBreadcrumbsProfile
+        }
+      }
+    }
+  }
+  ${JourneyBreadcrumbsProfileFragmentDoc}
+`;
+
+/**
+ * __useJourneyBreadcrumbsChallengeQuery__
+ *
+ * To run a query within a React component, call `useJourneyBreadcrumbsChallengeQuery` and pass it any options that fit your needs.
+ * When your component renders, `useJourneyBreadcrumbsChallengeQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useJourneyBreadcrumbsChallengeQuery({
+ *   variables: {
+ *      spaceNameId: // value for 'spaceNameId'
+ *      challengeNameId: // value for 'challengeNameId'
+ *   },
+ * });
+ */
+export function useJourneyBreadcrumbsChallengeQuery(
+  baseOptions: Apollo.QueryHookOptions<
+    SchemaTypes.JourneyBreadcrumbsChallengeQuery,
+    SchemaTypes.JourneyBreadcrumbsChallengeQueryVariables
+  >
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<
+    SchemaTypes.JourneyBreadcrumbsChallengeQuery,
+    SchemaTypes.JourneyBreadcrumbsChallengeQueryVariables
+  >(JourneyBreadcrumbsChallengeDocument, options);
+}
+
+export function useJourneyBreadcrumbsChallengeLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    SchemaTypes.JourneyBreadcrumbsChallengeQuery,
+    SchemaTypes.JourneyBreadcrumbsChallengeQueryVariables
+  >
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<
+    SchemaTypes.JourneyBreadcrumbsChallengeQuery,
+    SchemaTypes.JourneyBreadcrumbsChallengeQueryVariables
+  >(JourneyBreadcrumbsChallengeDocument, options);
+}
+
+export type JourneyBreadcrumbsChallengeQueryHookResult = ReturnType<typeof useJourneyBreadcrumbsChallengeQuery>;
+export type JourneyBreadcrumbsChallengeLazyQueryHookResult = ReturnType<typeof useJourneyBreadcrumbsChallengeLazyQuery>;
+export type JourneyBreadcrumbsChallengeQueryResult = Apollo.QueryResult<
+  SchemaTypes.JourneyBreadcrumbsChallengeQuery,
+  SchemaTypes.JourneyBreadcrumbsChallengeQueryVariables
+>;
+export function refetchJourneyBreadcrumbsChallengeQuery(
+  variables: SchemaTypes.JourneyBreadcrumbsChallengeQueryVariables
+) {
+  return { query: JourneyBreadcrumbsChallengeDocument, variables: variables };
+}
+
+export const JourneyBreadcrumbsOpportunityDocument = gql`
+  query JourneyBreadcrumbsOpportunity($spaceNameId: UUID_NAMEID!, $opportunityNameId: UUID_NAMEID!) {
+    space(ID: $spaceNameId) {
+      id
+      opportunity(ID: $opportunityNameId) {
+        id
+        profile {
+          ...JourneyBreadcrumbsProfile
+        }
+      }
+    }
+  }
+  ${JourneyBreadcrumbsProfileFragmentDoc}
+`;
+
+/**
+ * __useJourneyBreadcrumbsOpportunityQuery__
+ *
+ * To run a query within a React component, call `useJourneyBreadcrumbsOpportunityQuery` and pass it any options that fit your needs.
+ * When your component renders, `useJourneyBreadcrumbsOpportunityQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useJourneyBreadcrumbsOpportunityQuery({
+ *   variables: {
+ *      spaceNameId: // value for 'spaceNameId'
+ *      opportunityNameId: // value for 'opportunityNameId'
+ *   },
+ * });
+ */
+export function useJourneyBreadcrumbsOpportunityQuery(
+  baseOptions: Apollo.QueryHookOptions<
+    SchemaTypes.JourneyBreadcrumbsOpportunityQuery,
+    SchemaTypes.JourneyBreadcrumbsOpportunityQueryVariables
+  >
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useQuery<
+    SchemaTypes.JourneyBreadcrumbsOpportunityQuery,
+    SchemaTypes.JourneyBreadcrumbsOpportunityQueryVariables
+  >(JourneyBreadcrumbsOpportunityDocument, options);
+}
+
+export function useJourneyBreadcrumbsOpportunityLazyQuery(
+  baseOptions?: Apollo.LazyQueryHookOptions<
+    SchemaTypes.JourneyBreadcrumbsOpportunityQuery,
+    SchemaTypes.JourneyBreadcrumbsOpportunityQueryVariables
+  >
+) {
+  const options = { ...defaultOptions, ...baseOptions };
+  return Apollo.useLazyQuery<
+    SchemaTypes.JourneyBreadcrumbsOpportunityQuery,
+    SchemaTypes.JourneyBreadcrumbsOpportunityQueryVariables
+  >(JourneyBreadcrumbsOpportunityDocument, options);
+}
+
+export type JourneyBreadcrumbsOpportunityQueryHookResult = ReturnType<typeof useJourneyBreadcrumbsOpportunityQuery>;
+export type JourneyBreadcrumbsOpportunityLazyQueryHookResult = ReturnType<
+  typeof useJourneyBreadcrumbsOpportunityLazyQuery
+>;
+export type JourneyBreadcrumbsOpportunityQueryResult = Apollo.QueryResult<
+  SchemaTypes.JourneyBreadcrumbsOpportunityQuery,
+  SchemaTypes.JourneyBreadcrumbsOpportunityQueryVariables
+>;
+export function refetchJourneyBreadcrumbsOpportunityQuery(
+  variables: SchemaTypes.JourneyBreadcrumbsOpportunityQueryVariables
+) {
+  return { query: JourneyBreadcrumbsOpportunityDocument, variables: variables };
+}
+
 export const OpportunityPageDocument = gql`
   query opportunityPage($spaceId: UUID_NAMEID!, $opportunityId: UUID_NAMEID!) {
     space(ID: $spaceId) {
@@ -18133,68 +18355,6 @@ export function refetchOpportunityInnovationFlowQuery(variables: SchemaTypes.Opp
   return { query: OpportunityInnovationFlowDocument, variables: variables };
 }
 
-export const OpportunityNameDocument = gql`
-  query opportunityName($spaceId: UUID_NAMEID!, $opportunityId: UUID_NAMEID!) {
-    space(ID: $spaceId) {
-      id
-      opportunity(ID: $opportunityId) {
-        id
-        profile {
-          id
-          displayName
-        }
-      }
-    }
-  }
-`;
-
-/**
- * __useOpportunityNameQuery__
- *
- * To run a query within a React component, call `useOpportunityNameQuery` and pass it any options that fit your needs.
- * When your component renders, `useOpportunityNameQuery` returns an object from Apollo Client that contains loading, error, and data properties
- * you can use to render your UI.
- *
- * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
- *
- * @example
- * const { data, loading, error } = useOpportunityNameQuery({
- *   variables: {
- *      spaceId: // value for 'spaceId'
- *      opportunityId: // value for 'opportunityId'
- *   },
- * });
- */
-export function useOpportunityNameQuery(
-  baseOptions: Apollo.QueryHookOptions<SchemaTypes.OpportunityNameQuery, SchemaTypes.OpportunityNameQueryVariables>
-) {
-  const options = { ...defaultOptions, ...baseOptions };
-  return Apollo.useQuery<SchemaTypes.OpportunityNameQuery, SchemaTypes.OpportunityNameQueryVariables>(
-    OpportunityNameDocument,
-    options
-  );
-}
-
-export function useOpportunityNameLazyQuery(
-  baseOptions?: Apollo.LazyQueryHookOptions<SchemaTypes.OpportunityNameQuery, SchemaTypes.OpportunityNameQueryVariables>
-) {
-  const options = { ...defaultOptions, ...baseOptions };
-  return Apollo.useLazyQuery<SchemaTypes.OpportunityNameQuery, SchemaTypes.OpportunityNameQueryVariables>(
-    OpportunityNameDocument,
-    options
-  );
-}
-
-export type OpportunityNameQueryHookResult = ReturnType<typeof useOpportunityNameQuery>;
-export type OpportunityNameLazyQueryHookResult = ReturnType<typeof useOpportunityNameLazyQuery>;
-export type OpportunityNameQueryResult = Apollo.QueryResult<
-  SchemaTypes.OpportunityNameQuery,
-  SchemaTypes.OpportunityNameQueryVariables
->;
-export function refetchOpportunityNameQuery(variables: SchemaTypes.OpportunityNameQueryVariables) {
-  return { query: OpportunityNameDocument, variables: variables };
-}
-
 export const OpportunityProfileInfoDocument = gql`
   query opportunityProfileInfo($spaceId: UUID_NAMEID!, $opportunityId: UUID_NAMEID!) {
     space(ID: $spaceId) {
@@ -19594,55 +19754,6 @@ export function refetchSpaceInnovationFlowTemplatesQuery(
   return { query: SpaceInnovationFlowTemplatesDocument, variables: variables };
 }
 
-export const SpaceNameDocument = gql`
-  query spaceName($spaceId: UUID_NAMEID!) {
-    space(ID: $spaceId) {
-      ...SpaceName
-    }
-  }
-  ${SpaceNameFragmentDoc}
-`;
-
-/**
- * __useSpaceNameQuery__
- *
- * To run a query within a React component, call `useSpaceNameQuery` and pass it any options that fit your needs.
- * When your component renders, `useSpaceNameQuery` returns an object from Apollo Client that contains loading, error, and data properties
- * you can use to render your UI.
- *
- * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
- *
- * @example
- * const { data, loading, error } = useSpaceNameQuery({
- *   variables: {
- *      spaceId: // value for 'spaceId'
- *   },
- * });
- */
-export function useSpaceNameQuery(
-  baseOptions: Apollo.QueryHookOptions<SchemaTypes.SpaceNameQuery, SchemaTypes.SpaceNameQueryVariables>
-) {
-  const options = { ...defaultOptions, ...baseOptions };
-  return Apollo.useQuery<SchemaTypes.SpaceNameQuery, SchemaTypes.SpaceNameQueryVariables>(SpaceNameDocument, options);
-}
-
-export function useSpaceNameLazyQuery(
-  baseOptions?: Apollo.LazyQueryHookOptions<SchemaTypes.SpaceNameQuery, SchemaTypes.SpaceNameQueryVariables>
-) {
-  const options = { ...defaultOptions, ...baseOptions };
-  return Apollo.useLazyQuery<SchemaTypes.SpaceNameQuery, SchemaTypes.SpaceNameQueryVariables>(
-    SpaceNameDocument,
-    options
-  );
-}
-
-export type SpaceNameQueryHookResult = ReturnType<typeof useSpaceNameQuery>;
-export type SpaceNameLazyQueryHookResult = ReturnType<typeof useSpaceNameLazyQuery>;
-export type SpaceNameQueryResult = Apollo.QueryResult<SchemaTypes.SpaceNameQuery, SchemaTypes.SpaceNameQueryVariables>;
-export function refetchSpaceNameQuery(variables: SchemaTypes.SpaceNameQueryVariables) {
-  return { query: SpaceNameDocument, variables: variables };
-}
-
 export const ChallengeCreatedDocument = gql`
   subscription ChallengeCreated($spaceID: UUID_NAMEID!) {
     challengeCreated(spaceID: $spaceID) {
diff --git a/src/core/apollo/generated/graphql-schema.ts b/src/core/apollo/generated/graphql-schema.ts
index b9512f5620..b3a7e5c514 100644
--- a/src/core/apollo/generated/graphql-schema.ts
+++ b/src/core/apollo/generated/graphql-schema.ts
@@ -21248,26 +21248,6 @@ export type ChallengeInnovationFlowQuery = {
   };
 };
 
-export type ChallengeNameQueryVariables = Exact<{
-  spaceId: Scalars['UUID_NAMEID'];
-  challengeId: Scalars['UUID_NAMEID'];
-}>;
-
-export type ChallengeNameQuery = {
-  __typename?: 'Query';
-  space: {
-    __typename?: 'Space';
-    id: string;
-    nameID: string;
-    challenge: {
-      __typename?: 'Challenge';
-      id: string;
-      nameID: string;
-      profile: { __typename?: 'Profile'; id: string; displayName: string };
-    };
-  };
-};
-
 export type ChallengeProfileInfoQueryVariables = Exact<{
   spaceId: Scalars['UUID_NAMEID'];
   challengeId: Scalars['UUID_NAMEID'];
@@ -22542,6 +22522,98 @@ export type JourneyPrivilegesQuery = {
   };
 };
 
+export type JourneyBreadcrumbsInnovationHubQueryVariables = Exact<{ [key: string]: never }>;
+
+export type JourneyBreadcrumbsInnovationHubQuery = {
+  __typename?: 'Query';
+  platform: {
+    __typename?: 'Platform';
+    innovationHub?:
+      | {
+          __typename?: 'InnovationHub';
+          id: string;
+          profile: {
+            __typename?: 'Profile';
+            id: string;
+            displayName: string;
+            avatar?: { __typename?: 'Visual'; id: string; uri: string; name: string } | undefined;
+          };
+        }
+      | undefined;
+  };
+};
+
+export type JourneyBreadcrumbsSpaceQueryVariables = Exact<{
+  spaceNameId: Scalars['UUID_NAMEID'];
+}>;
+
+export type JourneyBreadcrumbsSpaceQuery = {
+  __typename?: 'Query';
+  space: {
+    __typename?: 'Space';
+    id: string;
+    profile: {
+      __typename?: 'Profile';
+      id: string;
+      displayName: string;
+      avatar?: { __typename?: 'Visual'; id: string; uri: string; name: string } | undefined;
+    };
+  };
+};
+
+export type JourneyBreadcrumbsChallengeQueryVariables = Exact<{
+  spaceNameId: Scalars['UUID_NAMEID'];
+  challengeNameId: Scalars['UUID_NAMEID'];
+}>;
+
+export type JourneyBreadcrumbsChallengeQuery = {
+  __typename?: 'Query';
+  space: {
+    __typename?: 'Space';
+    id: string;
+    challenge: {
+      __typename?: 'Challenge';
+      id: string;
+      profile: {
+        __typename?: 'Profile';
+        id: string;
+        displayName: string;
+        avatar?: { __typename?: 'Visual'; id: string; uri: string; name: string } | undefined;
+      };
+    };
+  };
+};
+
+export type JourneyBreadcrumbsOpportunityQueryVariables = Exact<{
+  spaceNameId: Scalars['UUID_NAMEID'];
+  opportunityNameId: Scalars['UUID_NAMEID'];
+}>;
+
+export type JourneyBreadcrumbsOpportunityQuery = {
+  __typename?: 'Query';
+  space: {
+    __typename?: 'Space';
+    id: string;
+    opportunity: {
+      __typename?: 'Opportunity';
+      id: string;
+      profile: {
+        __typename?: 'Profile';
+        id: string;
+        displayName: string;
+        avatar?: { __typename?: 'Visual'; id: string; uri: string; name: string } | undefined;
+      };
+    };
+  };
+};
+
+export type JourneyBreadcrumbsProfileFragment = {
+  __typename?: 'Profile';
+  id: string;
+  displayName: string;
+  avatar?: { __typename?: 'Visual'; id: string; uri: string; name: string } | undefined;
+};
+
 export type OpportunityPageQueryVariables = Exact<{
   spaceId: Scalars['UUID_NAMEID'];
   opportunityId: Scalars['UUID_NAMEID'];
@@ -23688,24 +23760,6 @@ export type OpportunityInnovationFlowQuery = {
   };
 };
 
-export type OpportunityNameQueryVariables = Exact<{
-  spaceId: Scalars['UUID_NAMEID'];
-  opportunityId: Scalars['UUID_NAMEID'];
-}>;
-
-export type OpportunityNameQuery = {
-  __typename?: 'Query';
-  space: {
-    __typename?: 'Space';
-    id: string;
-    opportunity: {
-      __typename?: 'Opportunity';
-      id: string;
-      profile: { __typename?: 'Profile'; id: string; displayName: string };
-    };
-  };
-};
-
 export type OpportunityProfileInfoQueryVariables = Exact<{
   spaceId: Scalars['UUID_NAMEID'];
   opportunityId: Scalars['UUID_NAMEID'];
@@ -25644,13 +25698,6 @@ export type SpaceDetailsProviderFragment = {
     | undefined;
 };
 
-export type SpaceNameFragment = {
-  __typename?: 'Space';
-  id: string;
-  nameID: string;
-  profile: { __typename?: 'Profile'; id: string; displayName: string };
-};
-
 export type CreateSpaceMutationVariables = Exact<{
   input: CreateSpaceInput;
 }>;
@@ -25978,20 +26025,6 @@ export type SpaceInnovationFlowTemplatesQuery = {
   };
 };
 
-export type SpaceNameQueryVariables = Exact<{
-  spaceId: Scalars['UUID_NAMEID'];
-}>;
-
-export type SpaceNameQuery = {
-  __typename?: 'Query';
-  space: {
-    __typename?: 'Space';
-    id: string;
-    nameID: string;
-    profile: { __typename?: 'Profile'; id: string; displayName: string };
-  };
-};
-
 export type ChallengeCreatedSubscriptionVariables = Exact<{
   spaceID: Scalars['UUID_NAMEID'];
 }>;
diff --git a/src/core/i18n/en/translation.en.json b/src/core/i18n/en/translation.en.json
index 4535718ef3..48dbd60a52 100644
--- a/src/core/i18n/en/translation.en.json
+++ b/src/core/i18n/en/translation.en.json
@@ -791,6 +791,12 @@
     }
   },
   "components": {
+    "search": {
+      "scope": {
+        "platform": "Entire platform",
+        "space": "{{displayName}}"
+      }
+    },
     "journeyUnauthorizedDialog": {
       "message": "This is a private Community and most of it’s content is restricted to members only. If you want to join, click here to apply."
     },
@@ -1823,6 +1829,7 @@
       "innovation-flow-info": "Click to display the Innovation Flow"
     },
     "home": {
+      "title": "My Dashboard",
       "sections": {
         "welcome": {
           "welcome-back": "Welcome back {{username}}!",
diff --git a/src/core/ui/navigation/Breadcrumbs.tsx b/src/core/ui/navigation/Breadcrumbs.tsx
new file mode 100644
index 0000000000..93fb68cf36
--- /dev/null
+++ b/src/core/ui/navigation/Breadcrumbs.tsx
@@ -0,0 +1,79 @@
+import React, { cloneElement, PropsWithChildren, ReactElement, ReactNode, useState } from 'react';
+import { Box } from '@mui/material';
+import { DoubleArrow } from '@mui/icons-material';
+import { gutters } from '../grid/utils';
+import { BreadcrumbsItemProps } from './BreadcrumbsItemProps';
+
+interface BreadcrumbsProps<ItemProps extends BreadcrumbsItemProps> {
+  children: ReactElement<ItemProps>[];
+}
+
+const BreadcrumbsSeparator = () => {
+  return (
+    <Box
+      display="flex"
+      justifyContent="center"
+      alignItems="center"
+      height={gutters(0.5)}
+      width={gutters(0.5)}
+      fontSize={8}
+      borderRadius={0.5}
+      sx={{ backgroundColor: theme => theme.palette.divider }}
+    >
+      <DoubleArrow fontSize="inherit" color="primary" />
+    </Box>
+  );
+};
+
+type JourneyBreadcrumbsExpandedState = Record<string | number, boolean>;
+
+const Breadcrumbs = <ItemProps extends BreadcrumbsItemProps>({
+  children,
+}: PropsWithChildren<BreadcrumbsProps<ItemProps>>) => {
+  const [expandedState, setExpandedState] = useState<JourneyBreadcrumbsExpandedState>({});
+
+  const [firstChild, ...restChildren] = children.map(child => {
+    const expanded = (child.key && expandedState[child.key]) || false;
+
+    const onExpand = child.key ? () => onHoverItem(child.key!) : undefined;
+
+    return cloneElement(child, { expanded, onExpand } as Partial<ItemProps>);
+  });
+
+  const childrenWithSeparator =
+    firstChild &&
+    restChildren.reduce<ReactNode[]>(
+      (acc, child, index) => {
+        acc.push(<BreadcrumbsSeparator key={`_separator_${index}`} />, child);
+
+        return acc;
+      },
+      [firstChild]
+    );
+
+  const onLeave = () => {
+    setExpandedState({});
+  };
+
+  const onHoverItem = (childKey: string | number) => {
+    setExpandedState(prevExpandedState => ({
+      ...prevExpandedState,
+      [childKey]: true,
+    }));
+  };
+
+  return (
+    <Box
+      display="flex"
+      flexDirection="row"
+      gap={gutters(0.5)}
+      alignItems="center"
+      padding={gutters(0.5)}
+      onMouseLeave={onLeave}
+    >
+      {childrenWithSeparator}
+    </Box>
+  );
+};
+
+export default Breadcrumbs;
diff --git a/src/core/ui/navigation/BreadcrumbsItemProps.ts b/src/core/ui/navigation/BreadcrumbsItemProps.ts
new file mode 100644
index 0000000000..e6e2b161d2
--- /dev/null
+++ b/src/core/ui/navigation/BreadcrumbsItemProps.ts
@@ -0,0 +1,4 @@
+export interface BreadcrumbsItemProps {
+  expanded?: boolean;
+  onExpand?: () => void;
+}
diff --git a/src/core/ui/navigation/NavigationBar.tsx b/src/core/ui/navigation/NavigationBar.tsx
index a03b7a870f..da67599974 100644
--- a/src/core/ui/navigation/NavigationBar.tsx
+++ b/src/core/ui/navigation/NavigationBar.tsx
@@ -23,7 +23,13 @@ const NavigationBarContent = ({ transparent, children }: PropsWithChildren<Navig
         transition: 'background-color .25s',
       }}
     >
-      <GridContainer maxWidth={MAX_CONTENT_WIDTH_WITH_GUTTER_PX} marginX="auto" display="flex" flexDirection="row">
+      <GridContainer
+        maxWidth={MAX_CONTENT_WIDTH_WITH_GUTTER_PX}
+        marginX="auto"
+        display="flex"
+        flexDirection="row"
+        paddingY={gutters(0.5)}
+      >
         <GridProvider columns={globalGridColumns}>{children}</GridProvider>
       </GridContainer>
     </Box>
@@ -35,12 +41,14 @@ interface NavigationBarProps {
   childrenRight?: ReactNode;
 }
 
+export const NAVIGATION_HEIGHT_GUTTERS = 4;
+
 const NavigationBar = ({ childrenLeft, childrenRight }: NavigationBarProps) => {
   const scrollTop = useScrollTop();
 
   const hasScrolledUp = useScrolledUp();
 
-  const navigationHeight = GUTTER_PX * 4;
+  const navigationHeight = GUTTER_PX * NAVIGATION_HEIGHT_GUTTERS;
 
   const hasScrolledPast = scrollTop > navigationHeight;
 
@@ -55,11 +63,11 @@ const NavigationBar = ({ childrenLeft, childrenRight }: NavigationBarProps) => {
         }}
       >
         <NavigationBarContent transparent={!hasScrolledPast}>
-          <Box display="flex" flexDirection="row" gap={gutters(0.5)} paddingX={gutters()}>
+          <Box display="flex" flexDirection="row" gap={gutters(0.5)} paddingX={gutters(0.5)}>
             {childrenLeft}
           </Box>
           <FlexSpacer />
-          <Box display="flex" flexDirection="row" gap={gutters(0.5)} paddingX={gutters()}>
+          <Box display="flex" flexDirection="row" gap={gutters(0.5)} paddingX={gutters(0.5)}>
             {childrenRight}
           </Box>
         </NavigationBarContent>
diff --git a/src/core/ui/search/SearchBox.tsx b/src/core/ui/search/SearchBox.tsx
new file mode 100644
index 0000000000..07a3037dfa
--- /dev/null
+++ b/src/core/ui/search/SearchBox.tsx
@@ -0,0 +1,138 @@
+import React, { useRef, useState } from 'react';
+import {
+  Box,
+  ClickAwayListener,
+  Collapse,
+  Divider,
+  IconButton,
+  InputBase,
+  InputBaseProps,
+  MenuItem,
+  Select,
+} from '@mui/material';
+import { ExpandMore, Search } from '@mui/icons-material';
+import { gutters } from '../grid/utils';
+import { BlockSectionTitle } from '../typography';
+import { SelectOption } from '@mui/base/SelectUnstyled/useSelect.types';
+
+interface SearchBoxProps<Option> {
+  searchTerms: string;
+  defaultSearchOption: Option;
+  searchOptions?: SelectOption<Option>[];
+  onSearch?: (searchOption: Option) => void;
+  onChange?: InputBaseProps['onChange'];
+}
+
+const SearchBox = <Option extends string | number>({
+  searchTerms,
+  onSearch,
+  defaultSearchOption,
+  searchOptions,
+  onChange,
+}: SearchBoxProps<Option>) => {
+  const [searchOption, setSearchOption] = useState(defaultSearchOption);
+
+  const handleClickSearch = () => onSearch?.(searchOption);
+
+  const handleKeyUp = ({ code }: React.KeyboardEvent<HTMLInputElement>) => {
+    if (code === 'Enter' || code === 'NumpadEnter') {
+      onSearch?.(searchOption);
+    }
+  };
+
+  const [isExpanded, setIsExpanded] = useState(false);
+
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const handleExpand = () => {
+    inputRef.current?.focus();
+    setIsExpanded(true);
+  };
+
+  // Ref is chosen instead of state because we need relevant value immediately.
+  // Also this flag doesn't affect the rendered state.
+  const selectOpenStateRef = useRef(false);
+
+  const handleClickAway = () => {
+    if (!searchTerms && !selectOpenStateRef.current) {
+      setIsExpanded(false);
+    }
+  };
+
+  const handleSelectOpen = () => {
+    selectOpenStateRef.current = true;
+  };
+  const handleSelectClose = () => {
+    selectOpenStateRef.current = false;
+  };
+
+  return (
+    <ClickAwayListener onClickAway={handleClickAway}>
+      <Box
+        display="flex"
+        marginY={1}
+        borderRadius={theme => `${theme.shape.borderRadius}px`}
+        sx={{ backgroundColor: theme => theme.palette.background.paper }}
+      >
+        <Collapse in={isExpanded} orientation="horizontal" collapsedSize="1px" sx={{ marginRight: '-1px' }}>
+          <Box display="flex" alignItems="center">
+            {searchOptions && (
+              <>
+                <Select
+                  onOpen={handleSelectOpen}
+                  onClose={handleSelectClose}
+                  value={searchOption}
+                  onChange={event => setSearchOption(event.target.value as Option)}
+                  size="small"
+                  IconComponent={ExpandMore}
+                  sx={{
+                    height: gutters(2),
+                    '.MuiOutlinedInput-notchedOutline': { border: 'none' },
+                    '.MuiSelect-icon': { top: 0, fontSize: gutters(1) },
+                  }}
+                  renderValue={() => (
+                    <Box display="flex">
+                      <BlockSectionTitle>Search in:</BlockSectionTitle>
+                      <BlockSectionTitle whiteSpace="pre"> </BlockSectionTitle>
+                      <BlockSectionTitle color="primary">
+                        {searchOptions?.find(({ value }) => value === searchOption)?.label}
+                      </BlockSectionTitle>
+                    </Box>
+                  )}
+                >
+                  {searchOptions?.map(({ value, label }) => (
+                    <MenuItem value={value}>
+                      <BlockSectionTitle textTransform="none">{label}</BlockSectionTitle>
+                    </MenuItem>
+                  ))}
+                </Select>
+                <Divider orientation="vertical" sx={{ height: gutters(1) }} />
+              </>
+            )}
+            <InputBase
+              inputRef={inputRef}
+              value={searchTerms}
+              sx={{
+                '.MuiInputBase-input': theme => ({
+                  ...theme.typography.h4,
+                  padding: gutters(0.5),
+                  minWidth: gutters(11),
+                }),
+              }}
+              onChange={onChange}
+              onKeyUp={handleKeyUp}
+            />
+          </Box>
+        </Collapse>
+        <IconButton
+          sx={{ borderRadius: theme => `${theme.shape.borderRadius}px` }}
+          onClick={isExpanded ? handleClickSearch : handleExpand}
+        >
+          <Search color="primary" />
+        </IconButton>
+      </Box>
+    </ClickAwayListener>
+  );
+};
+
+export default SearchBox;
diff --git a/src/domain/collaboration/InnovationFlow/ContributeInnovationFlowBlock/ContributeInnovationFlowBlock.tsx b/src/domain/collaboration/InnovationFlow/ContributeInnovationFlowBlock/ContributeInnovationFlowBlock.tsx
index d929a9bd64..0ae47d5991 100644
--- a/src/domain/collaboration/InnovationFlow/ContributeInnovationFlowBlock/ContributeInnovationFlowBlock.tsx
+++ b/src/domain/collaboration/InnovationFlow/ContributeInnovationFlowBlock/ContributeInnovationFlowBlock.tsx
@@ -19,17 +19,22 @@ export const ContributeInnovationFlowBlock: FC<ContributeInnovationFlowBlockProp
   const { t } = useTranslation();
 
   const { spaceNameId, challengeNameId, opportunityNameId } = useUrlParams();
-  const journeyTypeName = getJourneyTypeName({ challengeNameId, opportunityNameId });
+
+  if (!spaceNameId) {
+    throw new Error('Must be under a Space.');
+  }
+
+  const journeyTypeName = getJourneyTypeName({ spaceNameId, challengeNameId, opportunityNameId })!;
 
   const { data, loading } = useInnovationFlowBlockQuery({
     variables: {
-      spaceNameId: spaceNameId!,
+      spaceNameId,
       challengeNameId,
       opportunityNameId,
       includeChallenge: journeyTypeName === 'challenge',
       includeOpportunity: journeyTypeName === 'opportunity',
     },
-    skip: !spaceNameId || (!challengeNameId && !opportunityNameId),
+    skip: !challengeNameId && !opportunityNameId,
   });
 
   const innovationFlow = data?.space.challenge?.innovationFlow ?? data?.space.opportunity?.innovationFlow;
diff --git a/src/domain/collaboration/callout/useCallouts/useCallouts.ts b/src/domain/collaboration/callout/useCallouts/useCallouts.ts
index df35590e14..42c2a4caf7 100644
--- a/src/domain/collaboration/callout/useCallouts/useCallouts.ts
+++ b/src/domain/collaboration/callout/useCallouts/useCallouts.ts
@@ -7,16 +7,16 @@ import {
 import {
   AuthorizationPrivilege,
   Callout,
+  CalloutDisplayLocation,
+  CalloutsQueryVariables,
   CalloutType,
   CalloutVisibility,
-  WhiteboardDetailsFragment,
-  WhiteboardRtDetailsFragment,
-  WhiteboardTemplate,
   CommentsWithMessagesFragment,
   ContributeTabPostFragment,
-  CalloutsQueryVariables,
   ReferenceDetailsFragment,
-  CalloutDisplayLocation,
+  WhiteboardDetailsFragment,
+  WhiteboardRtDetailsFragment,
+  WhiteboardTemplate,
 } from '../../../../core/apollo/generated/graphql-schema';
 import { CalloutPostTemplate } from '../creationDialog/CalloutCreationDialog';
 import { useCallback, useMemo } from 'react';
diff --git a/src/domain/community/community/CommunityAdmin/useCommunityAdmin.ts b/src/domain/community/community/CommunityAdmin/useCommunityAdmin.ts
index abde056c45..c2cd2a572a 100644
--- a/src/domain/community/community/CommunityAdmin/useCommunityAdmin.ts
+++ b/src/domain/community/community/CommunityAdmin/useCommunityAdmin.ts
@@ -68,9 +68,10 @@ interface useCommunityAdminParams {
 
 const useCommunityAdmin = ({ communityId, spaceId, challengeId, opportunityId }: useCommunityAdminParams) => {
   const journeyTypeName = getJourneyTypeName({
+    spaceNameId: spaceId,
     challengeNameId: challengeId,
     opportunityNameId: opportunityId,
-  });
+  })!;
 
   const {
     data,
diff --git a/src/domain/community/pendingMembership/PendingMemberships.tsx b/src/domain/community/pendingMembership/PendingMemberships.tsx
index 2f9c36f23a..edc2ecb36d 100644
--- a/src/domain/community/pendingMembership/PendingMemberships.tsx
+++ b/src/domain/community/pendingMembership/PendingMemberships.tsx
@@ -5,12 +5,12 @@ import {
   usePendingMembershipsSpaceQuery,
   usePendingMembershipsUserQuery,
 } from '../../../core/apollo/generated/apollo-hooks';
-import { JourneyTypeName, getJourneyTypeName } from '../../journey/JourneyTypeName';
+import { JourneyTypeName } from '../../journey/JourneyTypeName';
 import { useUserContext } from '../user';
 import { Visual } from '../../common/visual/Visual';
 import { ContributionItem } from '../user/contribution';
 import { InvitationItem } from '../user/providers/UserProvider/InvitationItem';
-import { buildJourneyUrl } from '../../../main/routing/urlBuilders';
+import { buildJourneyUrl, JourneyLocation } from '../../../main/routing/urlBuilders';
 
 interface JourneyDetails {
   journeyTypeName: JourneyTypeName;
@@ -56,6 +56,18 @@ interface InvitationHydratorProps {
   children: (provided: InvitationHydratorProvided) => ReactNode;
 }
 
+type ChildJourneyLocation = Pick<JourneyLocation, 'challengeNameId' | 'opportunityNameId'>;
+
+const getChildJourneyTypeName = (journeyLocation: ChildJourneyLocation): JourneyTypeName => {
+  if (journeyLocation.opportunityNameId) {
+    return 'opportunity';
+  }
+  if (journeyLocation.challengeNameId) {
+    return 'challenge';
+  }
+  return 'space';
+};
+
 export const InvitationHydrator = ({ invitation, withJourneyDetails = false, children }: InvitationHydratorProps) => {
   const { data: spaceData } = usePendingMembershipsSpaceQuery({
     variables: {
@@ -103,7 +115,7 @@ export const InvitationHydrator = ({ invitation, withJourneyDetails = false, chi
       createdDate: invitation.createdDate,
       userDisplayName: createdBy.profile.displayName,
       journeyDisplayName: journey.profile.displayName,
-      journeyTypeName: getJourneyTypeName({
+      journeyTypeName: getChildJourneyTypeName({
         challengeNameId: invitation.challengeId,
         opportunityNameId: invitation.opportunityId,
       }),
@@ -166,7 +178,7 @@ export const ApplicationHydrator = ({ application, children }: ApplicationHydrat
     return {
       id: application.id,
       journeyDisplayName: journey.profile.displayName,
-      journeyTypeName: getJourneyTypeName({
+      journeyTypeName: getChildJourneyTypeName({
         challengeNameId: application.challengeId,
         opportunityNameId: application.opportunityId,
       }),
diff --git a/src/domain/journey/JourneyTypeName.ts b/src/domain/journey/JourneyTypeName.ts
index 84423441f3..fff54d1f12 100644
--- a/src/domain/journey/JourneyTypeName.ts
+++ b/src/domain/journey/JourneyTypeName.ts
@@ -2,14 +2,14 @@ import { JourneyLocation } from '../../main/routing/urlBuilders';
 
 export type JourneyTypeName = 'space' | 'challenge' | 'opportunity';
 
-type ChildJourneyLocation = Pick<JourneyLocation, 'challengeNameId' | 'opportunityNameId'>;
-
-export const getJourneyTypeName = (journeyLocation: ChildJourneyLocation): JourneyTypeName => {
+export const getJourneyTypeName = (journeyLocation: Partial<JourneyLocation>): JourneyTypeName | undefined => {
   if (journeyLocation.opportunityNameId) {
     return 'opportunity';
   }
   if (journeyLocation.challengeNameId) {
     return 'challenge';
   }
-  return 'space';
+  if (journeyLocation.spaceNameId) {
+    return 'space';
+  }
 };
diff --git a/src/domain/journey/challenge/graphql/queries/challengeName.graphql b/src/domain/journey/challenge/graphql/queries/challengeName.graphql
deleted file mode 100644
index 8073a83713..0000000000
--- a/src/domain/journey/challenge/graphql/queries/challengeName.graphql
+++ /dev/null
@@ -1,14 +0,0 @@
-query challengeName($spaceId: UUID_NAMEID!, $challengeId: UUID_NAMEID!) {
-  space(ID: $spaceId) {
-    id
-    nameID
-    challenge(ID: $challengeId) {
-      id
-      nameID
-      profile {
-        id
-        displayName
-      }
-    }
-  }
-}
diff --git a/src/domain/journey/challenge/layout/ChallengePageBanner.tsx b/src/domain/journey/challenge/layout/ChallengePageBanner.tsx
index 6c3a7ac2c8..8ad06f22ef 100644
--- a/src/domain/journey/challenge/layout/ChallengePageBanner.tsx
+++ b/src/domain/journey/challenge/layout/ChallengePageBanner.tsx
@@ -7,7 +7,7 @@ import { useSpace } from '../../space/SpaceContext/useSpace';
 import ChildJourneyPageBanner from '../../common/ChildJourneyPageBanner/ChildJourneyPageBanner';
 
 const ChallengePageBanner: FC = () => {
-  const { profile: spaceProfile, spaceNameId } = useSpace();
+  const { profile: spaceProfile } = useSpace();
   const { challenge, spaceId } = useChallenge();
   const banner = getVisualByType(VisualName.BANNER, spaceProfile?.visuals);
   const avatar = getVisualByType(VisualName.AVATAR, challenge?.profile.visuals);
@@ -27,13 +27,6 @@ const ChallengePageBanner: FC = () => {
       journeyTags={challenge?.profile.tagset?.tags}
       journeyDisplayName={challenge?.profile.displayName ?? ''}
       journeyTagline={challenge?.profile.tagline ?? ''}
-      parentJourneys={[
-        {
-          displayName: spaceProfile.displayName,
-          journeyLocation: { spaceNameId },
-          journeyTypeName: 'space',
-        },
-      ]}
     />
   );
 };
diff --git a/src/domain/journey/common/ChildJourneyPageBanner/ChildJourneyPageBanner.tsx b/src/domain/journey/common/ChildJourneyPageBanner/ChildJourneyPageBanner.tsx
index fdee94d1e6..a32aefb89b 100644
--- a/src/domain/journey/common/ChildJourneyPageBanner/ChildJourneyPageBanner.tsx
+++ b/src/domain/journey/common/ChildJourneyPageBanner/ChildJourneyPageBanner.tsx
@@ -14,6 +14,7 @@ import { DEFAULT_BANNER_URL } from '../../../shared/components/PageHeader/Journe
 import GridProvider from '../../../../core/ui/grid/GridProvider';
 import GridItem from '../../../../core/ui/grid/GridItem';
 import { useColumns } from '../../../../core/ui/grid/GridContext';
+import { NAVIGATION_HEIGHT_GUTTERS } from '../../../../core/ui/navigation/NavigationBar';
 
 interface ChildJourneyPageBannerProps extends JourneyPageBannerCardProps {
   banner: Visual | undefined;
@@ -32,11 +33,9 @@ const CardContainer = (props: JourneyPageBannerCardProps) => {
       marginX="auto"
       alignItems={cardStickSide === 'left' ? 'start' : 'stretch'}
       position="relative"
-      paddingX={columns > 8 ? 0 : undefined}
+      paddingTop={gutters(NAVIGATION_HEIGHT_GUTTERS - 1)}
     >
-      <GridItem columns={8}>
-        {({ width }) => <JourneyPageBannerCard maxWidth={width} stick={cardStickSide} {...props} />}
-      </GridItem>
+      <GridItem columns={8}>{({ width }) => <JourneyPageBannerCard maxWidth={width} {...props} />}</GridItem>
     </Gutters>
   );
 };
diff --git a/src/domain/journey/common/JourneyIdentity/useJourneyIdentity.ts b/src/domain/journey/common/JourneyIdentity/useJourneyIdentity.ts
index fbcdf44696..c9f3c59d04 100644
--- a/src/domain/journey/common/JourneyIdentity/useJourneyIdentity.ts
+++ b/src/domain/journey/common/JourneyIdentity/useJourneyIdentity.ts
@@ -9,7 +9,7 @@ export interface JourneyIdentity {
 }
 
 const useJourneyIdentity = (journeyLocation: JourneyLocation): JourneyIdentity => {
-  const journeyTypeName = getJourneyTypeName(journeyLocation);
+  const journeyTypeName = getJourneyTypeName(journeyLocation)!;
 
   const { data: journeyIdentityData } = useJourneyIdentityQuery({
     variables: {
diff --git a/src/domain/journey/common/PageBanner/JourneyPageBannerCard/JourneyPageBannerCard.tsx b/src/domain/journey/common/PageBanner/JourneyPageBannerCard/JourneyPageBannerCard.tsx
index e0c3b11a07..3ff7ce1655 100644
--- a/src/domain/journey/common/PageBanner/JourneyPageBannerCard/JourneyPageBannerCard.tsx
+++ b/src/domain/journey/common/PageBanner/JourneyPageBannerCard/JourneyPageBannerCard.tsx
@@ -1,108 +1,45 @@
-import { useTranslation } from 'react-i18next';
 import Gutters from '../../../../../core/ui/grid/Gutters';
 import { gutters } from '../../../../../core/ui/grid/utils';
-import { Caption, CardText, PageTitle } from '../../../../../core/ui/typography';
-import { buildJourneyUrl, JourneyLocation } from '../../../../../main/routing/urlBuilders';
+import { Caption, PageTitle } from '../../../../../core/ui/typography';
 import { JourneyTypeName } from '../../../JourneyTypeName';
 import React from 'react';
 import journeyIcon from '../../../../shared/components/JourneyIcon/JourneyIcon';
 import BadgeCardView from '../../../../../core/ui/list/BadgeCardView';
-import { Box, BoxProps, SxProps, useTheme } from '@mui/material';
+import { Box, BoxProps } from '@mui/material';
 import JourneyAvatar from '../../JourneyAvatar/JourneyAvatar';
 import TagsComponent from '../../../../shared/components/TagsComponent/TagsComponent';
 import { Visual } from '../../../../common/visual/Visual';
 import { alpha } from '@mui/material/styles';
-import RouterLink from '../../../../../core/ui/link/RouterLink';
-import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
 
 type ChildJourneyTypeName = Exclude<JourneyTypeName, 'space'>;
 
-type StickSide = 'left';
-
 export interface JourneyPageBannerCardProps extends BoxProps {
-  parentJourneys?: {
-    displayName: string;
-    journeyTypeName: JourneyTypeName;
-    journeyLocation: JourneyLocation;
-  }[];
   journeyTypeName: ChildJourneyTypeName;
   journeyDisplayName: string;
   journeyTagline: string;
   journeyAvatar: Visual | undefined;
   journeyTags: string[] | undefined;
-  stick?: StickSide;
 }
 
-const getBorderRadiusOverride = (stickSide?: StickSide): SxProps => {
-  switch (stickSide) {
-    case 'left': {
-      return {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0,
-      };
-    }
-  }
-  return {};
-};
-
 const JourneyPageBannerCard = ({
   journeyDisplayName,
   journeyTagline,
   journeyTypeName,
   journeyAvatar,
   journeyTags = [],
-  parentJourneys,
-  stick,
   ...boxProps
 }: JourneyPageBannerCardProps) => {
-  const { t } = useTranslation();
-  const theme = useTheme();
-
   const JourneyIcon = journeyIcon[journeyTypeName];
 
   return (
     <Gutters
-      paddingTop={gutters(0.5)}
       gap={gutters(0.5)}
       sx={{
         backgroundColor: theme => alpha(theme.palette.background.paper, 0.7),
         borderRadius: theme => `${theme.shape.borderRadius}px`,
-        ...getBorderRadiusOverride(stick),
       }}
       {...boxProps}
     >
-      {parentJourneys && parentJourneys.length && (
-        <CardText color="primary">
-          {t('components.journeyPageBannerCard.parentJourney')}
-          {parentJourneys.map((parentJourney, index) => {
-            const ParentJourneyIcon = journeyIcon[parentJourney.journeyTypeName];
-            return (
-              <React.Fragment key={index}>
-                <RouterLink
-                  to={buildJourneyUrl(parentJourney.journeyLocation) ?? ''}
-                  style={{ marginLeft: gutters(0.5)(theme) }}
-                >
-                  <ParentJourneyIcon
-                    fontSize="inherit"
-                    sx={{
-                      marginX: theme => theme.spacing(0.25),
-                      verticalAlign: 'middle',
-                    }}
-                  />
-                  {parentJourney.displayName}
-                </RouterLink>
-                {index < parentJourneys.length - 1 && (
-                  <KeyboardArrowRightIcon
-                    color="primary"
-                    fontSize="small"
-                    sx={{ marginLeft: gutters(0.5), verticalAlign: 'bottom' }}
-                  />
-                )}
-              </React.Fragment>
-            );
-          })}
-        </CardText>
-      )}
       <BadgeCardView
         visual={
           <JourneyAvatar
diff --git a/src/domain/journey/common/journeyBreadcrumbs/JourneyBreadcrumbs.tsx b/src/domain/journey/common/journeyBreadcrumbs/JourneyBreadcrumbs.tsx
new file mode 100644
index 0000000000..ec262d121e
--- /dev/null
+++ b/src/domain/journey/common/journeyBreadcrumbs/JourneyBreadcrumbs.tsx
@@ -0,0 +1,105 @@
+import { useJourneyBreadcrumbs } from './useJourneyBreadcrumbs';
+import Breadcrumbs from '../../../../core/ui/navigation/Breadcrumbs';
+import { Avatar, Box, Collapse, SvgIconProps } from '@mui/material';
+import RouterLink from '../../../../core/ui/link/RouterLink';
+import { gutters } from '../../../../core/ui/grid/utils';
+import { CardText } from '../../../../core/ui/typography';
+import { BreadcrumbsItemProps } from '../../../../core/ui/navigation/BreadcrumbsItemProps';
+import JourneyIcon from '../../../shared/components/JourneyIcon/JourneyIcon';
+import useJourneyBreadcrumbsTopLevelItem from './useJourneyBreadcrumbsTopLevelItem';
+import { ComponentType } from 'react';
+import { ReactComponent as AlkemioLogo } from '../../../platform/Logo/Logo-Small.svg';
+import { ROUTE_HOME } from '../../../platform/routes/constants';
+import { useTranslation } from 'react-i18next';
+import SwapColors from '../../../../core/ui/palette/SwapColors';
+
+interface JourneyBreadcrumbsItemProps extends BreadcrumbsItemProps {
+  displayName: string;
+  avatar?: {
+    uri?: string;
+  };
+  iconComponent?: ComponentType<SvgIconProps>;
+  uri: string;
+  accent?: boolean;
+  loading?: boolean;
+}
+
+const AVATAR_SIZE_GUTTERS = 0.9;
+
+const JourneyBreadcrumbsItem = ({
+  displayName,
+  avatar,
+  uri,
+  iconComponent: Icon,
+  expanded = false,
+  accent = false,
+  onExpand,
+}: JourneyBreadcrumbsItemProps) => {
+  return (
+    <Box
+      component={RouterLink}
+      to={uri}
+      display="flex"
+      flexDirection="row"
+      height={gutters()}
+      paddingX={gutters((1 - AVATAR_SIZE_GUTTERS) / 2)}
+      paddingY={gutters((1 - AVATAR_SIZE_GUTTERS) / 2)}
+      borderRadius={0.5}
+      sx={{ backgroundColor: theme => theme.palette.background.paper }}
+      onMouseEnter={() => onExpand?.()}
+    >
+      <Avatar
+        src={avatar?.uri}
+        sx={{
+          width: gutters(AVATAR_SIZE_GUTTERS),
+          height: gutters(AVATAR_SIZE_GUTTERS),
+          fontSize: gutters(0.5),
+          borderRadius: 0.5,
+          backgroundColor: accent ? 'primary.main' : 'transparent',
+        }}
+      >
+        <SwapColors swap={accent}>{Icon && <Icon fontSize="inherit" color="primary" />}</SwapColors>
+      </Avatar>
+      <Collapse in={expanded} orientation="horizontal">
+        <CardText paddingX={0.5} lineHeight={gutters(AVATAR_SIZE_GUTTERS)} color="primary" noWrap>
+          {displayName}
+        </CardText>
+      </Collapse>
+    </Box>
+  );
+};
+
+const Logo = () => <AlkemioLogo />;
+
+const JourneyBreadcrumbs = () => {
+  const { t } = useTranslation();
+  const { profile, loading: isLoadingTopLevelItem } = useJourneyBreadcrumbsTopLevelItem();
+  const { breadcrumbs } = useJourneyBreadcrumbs();
+
+  const breadcrumbItems: (JourneyBreadcrumbsItemProps & { key: string })[] = [
+    {
+      key: '_topLevel',
+      displayName: profile?.displayName ?? t('pages.home.title'),
+      avatar: profile?.avatar,
+      iconComponent: profile ? undefined : Logo,
+      uri: ROUTE_HOME,
+      loading: isLoadingTopLevelItem,
+    },
+    ...breadcrumbs.map(({ journeyTypeName, ...item }) => ({
+      key: journeyTypeName,
+      iconComponent: JourneyIcon[journeyTypeName],
+      accent: true,
+      ...item,
+    })),
+  ];
+
+  return (
+    <Breadcrumbs>
+      {breadcrumbItems.map(item => (
+        <JourneyBreadcrumbsItem {...item} />
+      ))}
+    </Breadcrumbs>
+  );
+};
+
+export default JourneyBreadcrumbs;
diff --git a/src/domain/journey/common/journeyBreadcrumbs/JourneyBreadcrumbsInnovationHub.graphql b/src/domain/journey/common/journeyBreadcrumbs/JourneyBreadcrumbsInnovationHub.graphql
new file mode 100644
index 0000000000..171250d842
--- /dev/null
+++ b/src/domain/journey/common/journeyBreadcrumbs/JourneyBreadcrumbsInnovationHub.graphql
@@ -0,0 +1,15 @@
+query JourneyBreadcrumbsInnovationHub {
+  platform {
+    innovationHub {
+      id
+      profile {
+        id
+        displayName
+        avatar: visual(type: BANNER_WIDE) {
+          id
+          ...VisualUri
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/domain/journey/common/journeyBreadcrumbs/journeyBreadcrumbs.graphql b/src/domain/journey/common/journeyBreadcrumbs/journeyBreadcrumbs.graphql
new file mode 100644
index 0000000000..d84835c5a9
--- /dev/null
+++ b/src/domain/journey/common/journeyBreadcrumbs/journeyBreadcrumbs.graphql
@@ -0,0 +1,50 @@
+query JourneyBreadcrumbsSpace($spaceNameId: UUID_NAMEID!) {
+  space(ID: $spaceNameId) {
+    id
+    #nameID
+    profile {
+      id
+      displayName
+      avatar: visual(type: BANNER) {
+        id
+        ...VisualUri
+      }
+    }
+  }
+}
+
+query JourneyBreadcrumbsChallenge($spaceNameId: UUID_NAMEID!, $challengeNameId: UUID_NAMEID!) {
+  space(ID: $spaceNameId) {
+    id
+    #nameID
+    challenge(ID: $challengeNameId) {
+      id
+      #nameID
+      profile {
+        ...JourneyBreadcrumbsProfile
+      }
+    }
+  }
+}
+
+query JourneyBreadcrumbsOpportunity($spaceNameId: UUID_NAMEID!, $opportunityNameId: UUID_NAMEID!) {
+  space(ID: $spaceNameId) {
+    id
+    opportunity(ID: $opportunityNameId) {
+      id
+      profile {
+        ...JourneyBreadcrumbsProfile
+      }
+    }
+  }
+}
+
+
+fragment JourneyBreadcrumbsProfile on Profile {
+  id
+  displayName
+  avatar: visual(type: AVATAR) {
+    id
+    ...VisualUri
+  }
+}
\ No newline at end of file
diff --git a/src/domain/journey/common/journeyBreadcrumbs/useBreadcrumbs.ts b/src/domain/journey/common/journeyBreadcrumbs/useBreadcrumbs.ts
deleted file mode 100644
index 2ec28ab8d7..0000000000
--- a/src/domain/journey/common/journeyBreadcrumbs/useBreadcrumbs.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import { ComponentType, useMemo } from 'react';
-import { useUrlParams } from '../../../../core/routing/useUrlParams';
-import { buildChallengeUrl, buildSpaceUrl, buildOpportunityUrl } from '../../../../main/routing/urlBuilders';
-import {
-  useChallengeNameQuery,
-  useSpaceNameQuery,
-  useOpportunityNameQuery,
-} from '../../../../core/apollo/generated/apollo-hooks';
-import { SpaceIcon } from '../../space/icon/SpaceIcon';
-import { ChallengeIcon } from '../../challenge/icon/ChallengeIcon';
-import { EntityTypeName } from '../../../platform/constants/EntityTypeName';
-
-export interface BreadcrumbsItem {
-  title: string;
-  icon: ComponentType;
-  url: string;
-  entity: EntityTypeName;
-}
-
-export const useBreadcrumbs = () => {
-  const { spaceNameId, challengeNameId, opportunityNameId, postNameId } = useUrlParams();
-
-  const showOpportunity = false; // TODO: Never show opportunity for now.
-
-  const { data: _space, loading: loadingSpace } = useSpaceNameQuery({
-    variables: {
-      spaceId: spaceNameId!,
-    },
-    skip: !spaceNameId,
-  });
-
-  const { data: _challenge, loading: isLoadingChallenge } = useChallengeNameQuery({
-    variables: {
-      spaceId: _space?.space.id || '',
-      challengeId: challengeNameId!,
-    },
-    skip: !_space?.space.id || !challengeNameId,
-  });
-
-  const { data: _opportunity, loading: loadingOpportunity } = useOpportunityNameQuery({
-    variables: {
-      spaceId: _space?.space.id || '',
-      opportunityId: opportunityNameId!,
-    },
-    skip: !_space?.space.id || !opportunityNameId || !showOpportunity,
-  });
-
-  const loading =
-    (spaceNameId && loadingSpace) || (challengeNameId && isLoadingChallenge) || (showOpportunity && loadingOpportunity);
-
-  const breadcrumbs = useMemo(() => {
-    const items: BreadcrumbsItem[] = [];
-    if (!loading) {
-      // Space breadcrumb - if we are watching a challenge or an post
-      if (spaceNameId && (challengeNameId || postNameId)) {
-        items.push({
-          title: _space?.space.profile.displayName || '',
-          icon: SpaceIcon,
-          url: buildSpaceUrl(spaceNameId),
-          entity: 'space',
-        });
-      }
-      // Challenge breadcrumb - if we are watching an opportunity or an post in a challenge
-      if (spaceNameId && challengeNameId && (opportunityNameId || postNameId)) {
-        items.push({
-          title: _challenge?.space.challenge.profile.displayName || '',
-          icon: ChallengeIcon,
-          url: buildChallengeUrl(spaceNameId, challengeNameId),
-          entity: 'challenge',
-        });
-      }
-      // Opportunity breadcrumb - if we are inside an opportunity and showOpportunity is true
-      if (spaceNameId && challengeNameId && opportunityNameId && showOpportunity) {
-        items.push({
-          title: _opportunity?.space.opportunity.profile.displayName || '',
-          icon: ChallengeIcon, // TODO: We'll need an opportunity Icon if we want to show opportunity breadcrumb
-          url: buildOpportunityUrl(spaceNameId, challengeNameId, opportunityNameId),
-          entity: 'opportunity',
-        });
-      }
-    }
-    return items;
-  }, [
-    loading,
-    spaceNameId,
-    challengeNameId,
-    opportunityNameId,
-    showOpportunity,
-    postNameId,
-    _challenge?.space.challenge.profile.displayName,
-    _space?.space.profile.displayName,
-    _opportunity?.space.opportunity.profile.displayName,
-  ]);
-
-  return {
-    loading,
-    breadcrumbs,
-  };
-};
diff --git a/src/domain/journey/common/journeyBreadcrumbs/useJourneyBreadcrumbs.ts b/src/domain/journey/common/journeyBreadcrumbs/useJourneyBreadcrumbs.ts
new file mode 100644
index 0000000000..b8a1e55100
--- /dev/null
+++ b/src/domain/journey/common/journeyBreadcrumbs/useJourneyBreadcrumbs.ts
@@ -0,0 +1,98 @@
+import { useMemo } from 'react';
+import { useUrlParams } from '../../../../core/routing/useUrlParams';
+import { buildJourneyUrlByJourneyTypeName } from '../../../../main/routing/urlBuilders';
+import {
+  useJourneyBreadcrumbsChallengeQuery,
+  useJourneyBreadcrumbsOpportunityQuery,
+  useJourneyBreadcrumbsSpaceQuery,
+} from '../../../../core/apollo/generated/apollo-hooks';
+import { getJourneyTypeName, JourneyTypeName } from '../../JourneyTypeName';
+
+export interface BreadcrumbsItem {
+  displayName: string;
+  uri: string;
+  journeyTypeName: JourneyTypeName;
+  avatar?: {
+    uri?: string;
+  };
+}
+
+const JOURNEY_NESTING: JourneyTypeName[] = ['space', 'challenge', 'opportunity'];
+
+export const useJourneyBreadcrumbs = () => {
+  const { spaceNameId, challengeNameId, opportunityNameId } = useUrlParams();
+
+  const journeyTypeName = getJourneyTypeName({ spaceNameId, challengeNameId, opportunityNameId });
+
+  const currentJourneyIndex = journeyTypeName && JOURNEY_NESTING.indexOf(journeyTypeName);
+
+  const shouldFetchJourney = (journey: JourneyTypeName) => {
+    if (!journeyTypeName) {
+      return false;
+    }
+    const targetJourneyIndex = JOURNEY_NESTING.indexOf(journey);
+    return targetJourneyIndex <= currentJourneyIndex!;
+  };
+
+  const { data: _space, loading: isLoadingSpace } = useJourneyBreadcrumbsSpaceQuery({
+    variables: {
+      spaceNameId: spaceNameId!,
+    },
+    skip: !shouldFetchJourney('space'),
+  });
+
+  const { data: _challenge, loading: isLoadingChallenge } = useJourneyBreadcrumbsChallengeQuery({
+    variables: {
+      spaceNameId: spaceNameId!,
+      challengeNameId: challengeNameId!,
+    },
+    skip: !shouldFetchJourney('challenge'),
+  });
+
+  const { data: _opportunity, loading: isLoadingOpportunity } = useJourneyBreadcrumbsOpportunityQuery({
+    variables: {
+      spaceNameId: spaceNameId!,
+      opportunityNameId: opportunityNameId!,
+    },
+    skip: !shouldFetchJourney('opportunity'),
+  });
+
+  const getJourneyProfile = (journey: JourneyTypeName) => {
+    switch (journey) {
+      case 'space':
+        return _space?.space.profile;
+      case 'challenge':
+        return _challenge?.space.challenge.profile;
+      case 'opportunity':
+        return _opportunity?.space.opportunity.profile;
+    }
+  };
+
+  const isLoading = isLoadingSpace || isLoadingChallenge || isLoadingOpportunity;
+
+  const breadcrumbs = useMemo<BreadcrumbsItem[]>(() => {
+    if (isLoading || !journeyTypeName) {
+      return [];
+    }
+
+    return JOURNEY_NESTING.slice(0, currentJourneyIndex! + 1).map(journey => {
+      const profile = getJourneyProfile(journey);
+      const displayName = profile?.displayName!;
+      const journeyUri = buildJourneyUrlByJourneyTypeName(
+        { spaceNameId, challengeNameId, opportunityNameId },
+        journey
+      )!;
+      return {
+        displayName,
+        uri: journeyUri,
+        journeyTypeName: journey,
+        avatar: profile?.avatar,
+      };
+    });
+  }, [isLoading, journeyTypeName, _challenge, _space, _opportunity]);
+
+  return {
+    loading: isLoading,
+    breadcrumbs,
+  };
+};
diff --git a/src/domain/journey/common/journeyBreadcrumbs/useJourneyBreadcrumbsTopLevelItem.ts b/src/domain/journey/common/journeyBreadcrumbs/useJourneyBreadcrumbsTopLevelItem.ts
new file mode 100644
index 0000000000..605e10e40c
--- /dev/null
+++ b/src/domain/journey/common/journeyBreadcrumbs/useJourneyBreadcrumbsTopLevelItem.ts
@@ -0,0 +1,28 @@
+import { useJourneyBreadcrumbsInnovationHubQuery } from '../../../../core/apollo/generated/apollo-hooks';
+
+interface TopLevelJourneyBreadcrumbsItem {
+  profile?: {
+    displayName: string;
+    avatar?: {
+      uri?: string;
+    };
+  };
+  loading: boolean;
+}
+
+const useJourneyBreadcrumbsTopLevelItem = (): TopLevelJourneyBreadcrumbsItem => {
+  const { data, loading } = useJourneyBreadcrumbsInnovationHubQuery();
+
+  const innovationHub = data?.platform.innovationHub;
+
+  if (loading) {
+    return { loading };
+  }
+
+  return {
+    profile: innovationHub?.profile,
+    loading,
+  };
+};
+
+export default useJourneyBreadcrumbsTopLevelItem;
diff --git a/src/domain/journey/opportunity/graphql/queries/opportunityName.graphql b/src/domain/journey/opportunity/graphql/queries/opportunityName.graphql
deleted file mode 100644
index 4eaba6f7b3..0000000000
--- a/src/domain/journey/opportunity/graphql/queries/opportunityName.graphql
+++ /dev/null
@@ -1,12 +0,0 @@
-query opportunityName($spaceId: UUID_NAMEID!, $opportunityId: UUID_NAMEID!) {
-  space(ID: $spaceId) {
-    id
-    opportunity(ID: $opportunityId) {
-      id
-      profile {
-        id
-        displayName
-      }
-    }
-  }
-}
diff --git a/src/domain/journey/opportunity/layout/OpportunityPageBanner.tsx b/src/domain/journey/opportunity/layout/OpportunityPageBanner.tsx
index 42eeca41b5..1659704ca1 100644
--- a/src/domain/journey/opportunity/layout/OpportunityPageBanner.tsx
+++ b/src/domain/journey/opportunity/layout/OpportunityPageBanner.tsx
@@ -5,12 +5,10 @@ import { VisualName } from '../../../common/visual/constants/visuals.constants';
 import useInnovationHubJourneyBannerRibbon from '../../../innovationHub/InnovationHubJourneyBannerRibbon/useInnovationHubJourneyBannerRibbon';
 import ChildJourneyPageBanner from '../../common/ChildJourneyPageBanner/ChildJourneyPageBanner';
 import { useSpace } from '../../space/SpaceContext/useSpace';
-import { useChallenge } from '../../challenge/hooks/useChallenge';
 
 const OpportunityPageBanner: FC = () => {
   const { profile: spaceProfile } = useSpace();
-  const { profile: challengeProfile } = useChallenge();
-  const { opportunity, spaceId, spaceNameId, challengeNameId } = useOpportunity();
+  const { opportunity, spaceId } = useOpportunity();
   const banner = getVisualByType(VisualName.BANNER, spaceProfile?.visuals);
   const avatar = getVisualByType(VisualName.AVATAR, opportunity?.profile?.visuals);
   const cardImage = getVisualByType(VisualName.CARD, opportunity?.profile?.visuals);
@@ -29,18 +27,6 @@ const OpportunityPageBanner: FC = () => {
       journeyTags={opportunity?.profile.tagset?.tags}
       journeyDisplayName={opportunity?.profile.displayName ?? ''}
       journeyTagline={opportunity?.profile.tagline ?? ''}
-      parentJourneys={[
-        {
-          displayName: spaceProfile.displayName,
-          journeyLocation: { spaceNameId },
-          journeyTypeName: 'space',
-        },
-        {
-          displayName: challengeProfile.displayName,
-          journeyLocation: { spaceNameId, challengeNameId },
-          journeyTypeName: 'challenge',
-        },
-      ]}
     />
   );
 };
diff --git a/src/domain/journey/space/SpaceDashboardNavigation/DashboardNavigation.tsx b/src/domain/journey/space/SpaceDashboardNavigation/DashboardNavigation.tsx
index e9ee81763c..dce757accd 100644
--- a/src/domain/journey/space/SpaceDashboardNavigation/DashboardNavigation.tsx
+++ b/src/domain/journey/space/SpaceDashboardNavigation/DashboardNavigation.tsx
@@ -1,9 +1,9 @@
-import { HelpOutlineOutlined, HubOutlined, KeyboardArrowDownOutlined } from '@mui/icons-material';
+import { ExpandMore, HelpOutlineOutlined, HubOutlined } from '@mui/icons-material';
 import { ButtonBase, Collapse, Skeleton, Tooltip, useMediaQuery, useTheme } from '@mui/material';
 import { Theme } from '@mui/material/styles';
 import { ReactNode, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { buildChallengeUrl, buildSpaceUrl, buildOpportunityUrl } from '../../../../main/routing/urlBuilders';
+import { buildChallengeUrl, buildOpportunityUrl, buildSpaceUrl } from '../../../../main/routing/urlBuilders';
 import { SpaceVisibility } from '../../../../core/apollo/generated/graphql-schema';
 import PageContentBlock from '../../../../core/ui/content/PageContentBlock';
 import PageContentBlockHeader from '../../../../core/ui/content/PageContentBlockHeader';
@@ -139,7 +139,7 @@ const DashboardNavigation = ({
       {!showAll && (
         <ButtonBase onClick={() => setIsExpanded(true)}>
           <Caption display="flex" alignItems="center">
-            <KeyboardArrowDownOutlined fontSize="small" />
+            <ExpandMore fontSize="small" />
             {t('components.dashboardNavigation.showAll')}
           </Caption>
         </ButtonBase>
diff --git a/src/domain/journey/space/SpaceDashboardNavigation/DashboardNavigationItemView.tsx b/src/domain/journey/space/SpaceDashboardNavigation/DashboardNavigationItemView.tsx
index 045ef7a586..4082e1d5d3 100644
--- a/src/domain/journey/space/SpaceDashboardNavigation/DashboardNavigationItemView.tsx
+++ b/src/domain/journey/space/SpaceDashboardNavigation/DashboardNavigationItemView.tsx
@@ -1,4 +1,4 @@
-import { KeyboardArrowDownOutlined, KeyboardArrowUpOutlined, LockOutlined } from '@mui/icons-material';
+import { ExpandLess, ExpandMore, LockOutlined } from '@mui/icons-material';
 import { Box, Collapse, IconButton, Skeleton, Tooltip, TooltipProps } from '@mui/material';
 import React, { PropsWithChildren, ReactNode, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -61,11 +61,7 @@ const DashboardNavigationItemView = ({
                 </IconButton>
               </Tooltip>
             ) : (
-              children && (
-                <IconButton onClick={toggleExpand}>
-                  {isExpanded ? <KeyboardArrowUpOutlined /> : <KeyboardArrowDownOutlined />}
-                </IconButton>
-              )
+              children && <IconButton onClick={toggleExpand}>{isExpanded ? <ExpandLess /> : <ExpandMore />}</IconButton>
             )
           }
         >
diff --git a/src/domain/journey/space/graphql/fragments/spaceName.graphql b/src/domain/journey/space/graphql/fragments/spaceName.graphql
deleted file mode 100644
index 833709bad5..0000000000
--- a/src/domain/journey/space/graphql/fragments/spaceName.graphql
+++ /dev/null
@@ -1,8 +0,0 @@
-fragment SpaceName on Space {
-  id
-  nameID
-  profile {
-    id
-    displayName
-  }
-}
diff --git a/src/domain/journey/space/graphql/queries/spaceName.graphql b/src/domain/journey/space/graphql/queries/spaceName.graphql
deleted file mode 100644
index f71a362e34..0000000000
--- a/src/domain/journey/space/graphql/queries/spaceName.graphql
+++ /dev/null
@@ -1,5 +0,0 @@
-query spaceName($spaceId: UUID_NAMEID!) {
-  space(ID: $spaceId) {
-    ...SpaceName
-  }
-}
diff --git a/src/domain/shared/components/PageHeader/BreadcrumbsView.tsx b/src/domain/shared/components/PageHeader/BreadcrumbsView.tsx
deleted file mode 100644
index 35f9aa377b..0000000000
--- a/src/domain/shared/components/PageHeader/BreadcrumbsView.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { Box, BoxProps, Breadcrumbs, styled, Typography, useTheme } from '@mui/material';
-import React, { FC } from 'react';
-import { RouterLink } from '../../../../core/ui/link/deprecated/RouterLink';
-import { useBreadcrumbs } from '../../../journey/common/journeyBreadcrumbs/useBreadcrumbs';
-import useAutomaticTooltip from '../../utils/useAutomaticTooltip';
-import getEntityColor from '../../utils/getEntityColor';
-
-const Root = styled(Box)(({ theme }) => ({
-  textAlign: 'left',
-  zIndex: 20,
-  maxWidth: '45%',
-  '& .MuiBreadcrumbs-separator': {
-    display: 'none !important',
-  },
-  '& ol.MuiBreadcrumbs-ol': {
-    display: 'block',
-  },
-  '& nav': {
-    lineHeight: 1,
-  },
-  '& .MuiBreadcrumbs-ol li': {
-    lineHeight: 0,
-    display: 'block',
-    marginTop: theme.spacing(1),
-    whiteSpace: 'nowrap',
-    [theme.breakpoints.down('sm')]: {
-      marginTop: theme.spacing(0.7),
-    },
-  },
-}));
-
-// Tags:
-const Breadcrumb = styled(RouterLink)(({ theme }) => ({
-  color: theme.palette.primary.contrastText,
-  backgroundColor: theme.palette.primary.main,
-  borderTopRightRadius: theme.spacing(5),
-  borderBottomRightRadius: theme.spacing(5),
-  paddingLeft: theme.spacing(1),
-  paddingRight: theme.spacing(2),
-  display: 'inline-block',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  textDecoration: 'none',
-  maxWidth: '100%',
-  // Icon
-  '& .MuiSvgIcon-root': {
-    width: '0.7em',
-    marginRight: theme.spacing(1),
-    verticalAlign: 'middle',
-    position: 'relative',
-    top: -1,
-  },
-}));
-
-interface BreadcrumbsViewProps extends BoxProps {}
-
-const BreadcrumbsView: FC<BreadcrumbsViewProps> = props => {
-  const { loading, breadcrumbs } = useBreadcrumbs();
-  const { containerReference, addAutomaticTooltip } = useAutomaticTooltip();
-
-  const theme = useTheme();
-
-  return (
-    <>
-      {!loading && breadcrumbs.length > 0 && (
-        <Root ref={containerReference} {...props}>
-          <Breadcrumbs>
-            {breadcrumbs.map(item => {
-              const Icon = item.icon;
-
-              const breadcrumbBackgroundColor = getEntityColor(theme, item.entity);
-              // const breadcrumbForegroundColor = theme.palette.common.white;
-
-              return (
-                <Breadcrumb
-                  key={item.entity}
-                  to={item.url!}
-                  sx={{
-                    [theme.breakpoints.down('lg')]: {
-                      backgroundColor: breadcrumbBackgroundColor,
-                      // color: breadcrumbForegroundColor,
-                    },
-                  }}
-                >
-                  <Icon />
-                  <Typography variant={'button'} ref={element => addAutomaticTooltip(element)}>
-                    {item.title}
-                  </Typography>
-                </Breadcrumb>
-              );
-            })}
-          </Breadcrumbs>
-        </Root>
-      )}
-    </>
-  );
-};
-
-export default BreadcrumbsView;
diff --git a/src/domain/shared/components/PageHeader/JourneyPageBanner.tsx b/src/domain/shared/components/PageHeader/JourneyPageBanner.tsx
index d94ec080d9..34fb3e1d98 100644
--- a/src/domain/shared/components/PageHeader/JourneyPageBanner.tsx
+++ b/src/domain/shared/components/PageHeader/JourneyPageBanner.tsx
@@ -2,7 +2,6 @@ import { Box, Link, Skeleton, styled, useTheme } from '@mui/material';
 import { FC, ReactNode, useState } from 'react';
 import hexToRGBA from '../../../../core/utils/hexToRGBA';
 import useAutomaticTooltip from '../../utils/useAutomaticTooltip';
-import BreadcrumbsView from './BreadcrumbsView';
 import { JourneyTypeName } from '../../../journey/JourneyTypeName';
 import getEntityColor from '../../utils/getEntityColor';
 import { Caption, PageTitle, Tagline } from '../../../../core/ui/typography';
@@ -139,7 +138,6 @@ export interface JourneyPageBannerProps {
   tagline?: string;
   bannerUrl?: string;
   bannerAltText?: string;
-  showBreadcrumbs?: boolean;
   ribbon?: ReactNode;
   loading?: boolean;
   journeyTypeName: JourneyTypeName | 'admin';
@@ -154,7 +152,6 @@ const JourneyPageBanner: FC<JourneyPageBannerProps> = ({
   tagline,
   bannerUrl,
   bannerAltText,
-  showBreadcrumbs,
   ribbon,
   journeyTypeName,
   loading: dataLoading = false,
@@ -180,8 +177,7 @@ const JourneyPageBanner: FC<JourneyPageBannerProps> = ({
       {!dataLoading && (
         <>
           <TopNotices>
-            {<PageNotice journeyTypeName={journeyTypeName} />}
-            {showBreadcrumbs && <BreadcrumbsView />}
+            <PageNotice journeyTypeName={journeyTypeName} />
           </TopNotices>
           <ImageBlurredSides
             src={bannerUrl}
diff --git a/src/main/routing/urlBuilders.ts b/src/main/routing/urlBuilders.ts
index bf94d1ca2b..ebbb6de9c8 100644
--- a/src/main/routing/urlBuilders.ts
+++ b/src/main/routing/urlBuilders.ts
@@ -108,6 +108,25 @@ export const buildJourneyUrl = (journeyLocation: JourneyLocation) => {
   }
 };
 
+export const buildJourneyUrlByJourneyTypeName = (
+  journeyLocation: Partial<JourneyLocation>,
+  journeyTypeName: JourneyTypeName
+) => {
+  if (journeyTypeName === 'space') {
+    return buildSpaceUrl(journeyLocation.spaceNameId!);
+  }
+  if (journeyTypeName === 'challenge') {
+    return buildChallengeUrl(journeyLocation.spaceNameId!, journeyLocation.challengeNameId!);
+  }
+  if (journeyTypeName === 'opportunity') {
+    return buildOpportunityUrl(
+      journeyLocation.spaceNameId!,
+      journeyLocation.challengeNameId!,
+      journeyLocation.opportunityNameId!
+    );
+  }
+};
+
 export const buildCalloutUrl = (calloutNameId: string, journeyLocation: JourneyLocation) => {
   const calloutUrl = `/${EntityPageSection.Collaboration}/${calloutNameId}`;
   return `${buildJourneyUrl(journeyLocation)}${calloutUrl}`;
diff --git a/src/main/ui/layout/HideOnScroll.tsx b/src/main/ui/layout/HideOnScroll.tsx
index 80ad69a0b0..b4479adb3b 100644
--- a/src/main/ui/layout/HideOnScroll.tsx
+++ b/src/main/ui/layout/HideOnScroll.tsx
@@ -5,6 +5,11 @@ interface HideOnScrollProps {
   children: React.ReactElement;
 }
 
+/**
+ * @deprecated
+ * @param props
+ * @constructor
+ */
 const HideOnScroll = (props: HideOnScrollProps) => {
   const { children } = props;
 
diff --git a/src/main/ui/platformNavigation/PlatformNavigationBar.tsx b/src/main/ui/platformNavigation/PlatformNavigationBar.tsx
index 9128f7f9c2..7ff59df2d1 100644
--- a/src/main/ui/platformNavigation/PlatformNavigationBar.tsx
+++ b/src/main/ui/platformNavigation/PlatformNavigationBar.tsx
@@ -1,8 +1,20 @@
 import NavigationBar from '../../../core/ui/navigation/NavigationBar';
 import PlatformNavigationUserAvatar from './PlatformNavigationUserAvatar';
+import JourneyBreadcrumbs from '../../../domain/journey/common/journeyBreadcrumbs/JourneyBreadcrumbs';
+import PlatformSearch from '../platformSearch/PlatformSearch';
 
 const PlatformNavigationBar = () => {
-  return <NavigationBar childrenRight={<PlatformNavigationUserAvatar />} />;
+  return (
+    <NavigationBar
+      childrenLeft={<JourneyBreadcrumbs />}
+      childrenRight={
+        <>
+          <PlatformSearch />
+          <PlatformNavigationUserAvatar />
+        </>
+      }
+    />
+  );
 };
 
 export default PlatformNavigationBar;
diff --git a/src/main/ui/platformNavigation/PlatformNavigationUserAvatar.tsx b/src/main/ui/platformNavigation/PlatformNavigationUserAvatar.tsx
index c9b3bbae05..8af812c2d7 100644
--- a/src/main/ui/platformNavigation/PlatformNavigationUserAvatar.tsx
+++ b/src/main/ui/platformNavigation/PlatformNavigationUserAvatar.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { useUserContext } from '../../../domain/community/user';
-import { Avatar, CircularProgress, useTheme } from '@mui/material';
+import { Avatar, Box, CircularProgress, useTheme } from '@mui/material';
 import { Person } from '@mui/icons-material';
 import { gutters } from '../../../core/ui/grid/utils';
 import SwapColors from '../../../core/ui/palette/SwapColors';
@@ -11,14 +11,16 @@ const PlatformNavigationUserAvatar = () => {
   const theme = useTheme();
 
   return (
-    <Avatar src={user?.user.profile.visual?.uri}>
-      {loadingMe && (
-        <SwapColors>
-          <CircularProgress size={gutters()(theme)} color="primary" />
-        </SwapColors>
-      )}
-      {!loadingMe && !isAuthenticated && <Person />}
-    </Avatar>
+    <Box padding={gutters(0.5)}>
+      <Avatar src={user?.user.profile.visual?.uri}>
+        {loadingMe && (
+          <SwapColors>
+            <CircularProgress size={gutters()(theme)} color="primary" />
+          </SwapColors>
+        )}
+        {!loadingMe && !isAuthenticated && <Person />}
+      </Avatar>
+    </Box>
   );
 };
 
diff --git a/src/main/ui/platformSearch/PlatformSearch.tsx b/src/main/ui/platformSearch/PlatformSearch.tsx
new file mode 100644
index 0000000000..55d3a574bc
--- /dev/null
+++ b/src/main/ui/platformSearch/PlatformSearch.tsx
@@ -0,0 +1,118 @@
+import { SelectOption } from '@mui/base/SelectUnstyled/useSelect.types';
+import { useTranslation } from 'react-i18next';
+import React, { useCallback, useLayoutEffect, useMemo, useState } from 'react';
+import { useSpace } from '../../../domain/journey/space/SpaceContext/useSpace';
+import SearchBox from '../../../core/ui/search/SearchBox';
+import { useNavigate } from 'react-router';
+import { useMatch } from 'react-router-dom';
+import { SEARCH_ROUTE, SEARCH_TERMS_PARAM } from '../../../domain/platform/routes/constants';
+import { useQueryParams } from '../../../core/routing/useQueryParams';
+import { buildSpaceUrl } from '../../routing/urlBuilders';
+
+enum SearchScope {
+  Platform,
+  Space,
+}
+
+const MINIMUM_TERM_LENGTH = 2;
+
+const getSearchTerms = (searchInput: string) => searchInput.trim();
+
+const PlatformSearch = () => {
+  const { t } = useTranslation();
+
+  const { spaceNameId, profile } = useSpace();
+
+  const searchOptions = useMemo<SelectOption<SearchScope>[] | undefined>(() => {
+    if (!spaceNameId) {
+      return undefined;
+    }
+
+    return [
+      {
+        value: SearchScope.Space,
+        label: t('components.search.scope.space', profile),
+      },
+      {
+        value: SearchScope.Platform,
+        label: t('components.search.scope.platform'),
+      },
+    ];
+  }, [t, profile]);
+
+  const defaultSearchOption = spaceNameId ? SearchScope.Space : SearchScope.Platform;
+
+  // The code below is taken from the old SearchBar
+  // TODO refactor when there are no bigger priorities
+
+  const navigate = useNavigate();
+  const match = useMatch(SEARCH_ROUTE);
+  const query = useQueryParams();
+  const getInitialValue = () => {
+    const terms = match ? query.get(SEARCH_TERMS_PARAM) : null;
+    return terms ? terms.split(',').join(', ') : '';
+  };
+  const [value, setValue] = useState(getInitialValue);
+
+  useLayoutEffect(() => {
+    if (!match) {
+      setValue('');
+    }
+  }, [match]);
+
+  const isTermValid = useMemo(() => value.length < MINIMUM_TERM_LENGTH, [value]);
+
+  const handleValueChange = useCallback(
+    (event: React.ChangeEvent<HTMLInputElement>) => {
+      setValue(event.target.value);
+    },
+    [setValue]
+  );
+
+  const handlePlatformSearch = useCallback(() => {
+    if (match && isTermValid) {
+      return;
+    }
+
+    if (isTermValid) {
+      return navigate(SEARCH_ROUTE);
+    }
+
+    const terms = getSearchTerms(value);
+    const params = new URLSearchParams({ [SEARCH_TERMS_PARAM]: terms });
+    navigate(`${SEARCH_ROUTE}?${params}`);
+  }, [match, isTermValid, value, navigate]);
+
+  const spaceSearchRoute = `${buildSpaceUrl(spaceNameId)}/search`;
+
+  const handleSpaceSearch = (terms: string[]) => {
+    const params = new URLSearchParams();
+    for (const term of terms) {
+      params.append(SEARCH_TERMS_PARAM, term);
+    }
+    navigate(`${spaceSearchRoute}?${params}`);
+  };
+
+  const handleSearch = (scope: SearchScope) => {
+    switch (scope) {
+      case SearchScope.Platform: {
+        return handlePlatformSearch();
+      }
+      case SearchScope.Space: {
+        return handleSpaceSearch([getSearchTerms(value)]);
+      }
+    }
+  };
+
+  return (
+    <SearchBox
+      searchTerms={value}
+      defaultSearchOption={defaultSearchOption}
+      searchOptions={searchOptions}
+      onChange={handleValueChange}
+      onSearch={handleSearch}
+    />
+  );
+};
+
+export default PlatformSearch;