diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
index 29114a04a..ddc07f1af 100644
--- a/frontend/src/app/app.component.html
+++ b/frontend/src/app/app.component.html
@@ -4,6 +4,7 @@
         [nextText]="'DASHBOARD.TOUR-GUIDE.GOT-IT'| translate"
     ></ngx-guided-tour>
     <button class="skip-to-main-content" (click)="skipToMain()" tabindex="1">{{'ALT-TEXT.SKIP-TO-MAIN-CONTENT' | translate}}</button>
+    <div id="cookies-consent"></div>
     <div class="wrapper" *ngIf="!showOnlyRouterOutlet">
         <app-navbar (sidebarToggled)="sidenav.toggle(); toggleNavbar($event);"></app-navbar>
         <mat-sidenav-container fullscreen class="main-container">
diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts
index defa58dca..e16ef9a2c 100644
--- a/frontend/src/app/app.component.ts
+++ b/frontend/src/app/app.component.ts
@@ -137,6 +137,7 @@ export class AppComponent implements OnInit, AfterViewInit {
 						if (child.snapshot.data && child.snapshot.data.showOnlyRouterOutlet) {
 							this.showOnlyRouterOutlet = true;
 							this.ccService.getConfig().enabled = false;
+                            this.ccService.getConfig().container = document.getElementById('cookies-consent');
 							this.ccService.destroy();
 							this.ccService.init(this.ccService.getConfig());
 						} else {
@@ -146,6 +147,7 @@ export class AppComponent implements OnInit, AfterViewInit {
 							} else {
 								this.ccService.getConfig().enabled = true;
 							}
+                            this.ccService.getConfig().container = document.getElementById('cookies-consent');
 							this.ccService.destroy();
 							this.ccService.init(this.ccService.getConfig());
 						}