diff --git a/apps/red-ui/src/app/app.module.ts b/apps/red-ui/src/app/app.module.ts
index 824f27453..241a83554 100644
--- a/apps/red-ui/src/app/app.module.ts
+++ b/apps/red-ui/src/app/app.module.ts
@@ -35,7 +35,7 @@ import * as links from '../assets/help-mode/links.json';
 import { HELP_DOCS, IqserHelpModeModule, MAX_RETRIES_ON_SERVER_ERROR, ServerErrorInterceptor, ToastComponent } from '@iqser/common-ui';
 import { KeycloakService } from 'keycloak-angular';
 import { GeneralSettingsService } from '@services/general-settings.service';
-import { BreadcrumbsComponent } from './components/breadcrumbs/breadcrumbs.component';
+import { BreadcrumbsComponent } from '@components/breadcrumbs/breadcrumbs.component';
 
 export function httpLoaderFactory(httpClient: HttpClient): PruningTranslationLoader {
     return new PruningTranslationLoader(httpClient, '/assets/i18n/', '.json');
@@ -53,10 +53,10 @@ function cleanupBaseUrl(baseUrl: string) {
 
 const screens = [BaseScreenComponent, DownloadsListScreenComponent];
 
-const components = [AppComponent, AuthErrorComponent, NotificationsComponent, SpotlightSearchComponent, ...screens];
+const components = [AppComponent, AuthErrorComponent, NotificationsComponent, SpotlightSearchComponent, BreadcrumbsComponent, ...screens];
 
 @NgModule({
-    declarations: [...components, BreadcrumbsComponent],
+    declarations: [...components],
     imports: [
         BrowserModule,
         BrowserAnimationsModule,