diff --git a/dmp-frontend/src/app/ui/description/editor/description-editor.component.html b/dmp-frontend/src/app/ui/description/editor/description-editor.component.html
index 7a1b73a7f..7597aa85a 100644
--- a/dmp-frontend/src/app/ui/description/editor/description-editor.component.html
+++ b/dmp-frontend/src/app/ui/description/editor/description-editor.component.html
@@ -88,20 +88,22 @@
 					</div>
 					<div class="row stepper-title"> <div class="col-auto"><span>{{'DESCRIPTION-EDITOR.TOC.TITLE' | translate}}</span></div></div>
 					<div class="row stepper-options" id="stepper-options">
-						<div class="col-12 stepper-list">
-							<div class="row" *ngIf="!descriptionInfoValid()">
-								<div (click)="table0fContents.onToCentrySelected()" class="col-12 main-info" [ngClass]="{'active': this.step === 0, 'text-danger': countErrorsOfBaseInfoPage > 0}">{{'DESCRIPTION-EDITOR.TOC.MAIN-INFO' | translate}} <span *ngIf="countErrorsOfBaseInfoPage > 0">({{ countErrorsOfBaseInfoPage }})</span></div>
-							</div>
-							<div class="row" *ngIf="descriptionInfoValid()">
-								<div (click)="table0fContents.onToCentrySelected()" class="col-12 main-info" [ngClass]="{'active': this.step === 0}">{{'DESCRIPTION-EDITOR.TOC.MAIN-INFO' | translate}} (<mat-icon class="done-icon">done</mat-icon>)</div>
-							</div>
-							<div class="row toc-pane-container" #boundary>
-								<div #spacer></div>
-								<div class="col-12">
-									<app-table-of-contents [visibilityRulesService]="visibilityRulesService" [selectedFieldsetId]="fieldsetIdWithFocus" #table0fContents [showErrors]="showtocentriesErrors" [TOCENTRY_ID_PREFIX]="TOCENTRY_ID_PREFIX" [hasFocus]="step > 0" [formGroup]="formGroup.get('properties')" [descriptionTemplate]="item.descriptionTemplate" *ngIf="formGroup" [links]="links" [boundary]="boundary" [spacer]="spacer" [isActive]="step !== 0" stickyThing (stepFound)="onStepFound($event)" (currentLinks)="getLinks($event)" (entrySelected)="changeStep($event.entry, $event.execute)" [pageToFieldSetMap]="pageToFieldSetMap"></app-table-of-contents>
+						<div class="col-12">
+							<div class="container stepper-list">
+								<div class="row" *ngIf="!descriptionInfoValid()">
+									<div (click)="table0fContents.onToCentrySelected()" class="col-12 main-info" [ngClass]="{'active': this.step === 0, 'text-danger': countErrorsOfBaseInfoPage > 0}">{{'DESCRIPTION-EDITOR.TOC.MAIN-INFO' | translate}} <span *ngIf="countErrorsOfBaseInfoPage > 0">({{ countErrorsOfBaseInfoPage }})</span></div>
+								</div>
+								<div class="row" *ngIf="descriptionInfoValid()">
+									<div (click)="table0fContents.onToCentrySelected()" class="col-12 main-info" [ngClass]="{'active': this.step === 0}">{{'DESCRIPTION-EDITOR.TOC.MAIN-INFO' | translate}} (<mat-icon class="done-icon">done</mat-icon>)</div>
+								</div>
+								<div class="row toc-pane-container" #boundary>
+									<div #spacer></div>
+									<div class="col-12">
+										<app-table-of-contents [visibilityRulesService]="visibilityRulesService" [selectedFieldsetId]="fieldsetIdWithFocus" #table0fContents [showErrors]="showtocentriesErrors" [TOCENTRY_ID_PREFIX]="TOCENTRY_ID_PREFIX" [hasFocus]="step > 0" [formGroup]="formGroup.get('properties')" [descriptionTemplate]="item.descriptionTemplate" *ngIf="formGroup" [links]="links" [boundary]="boundary" [spacer]="spacer" [isActive]="step !== 0" stickyThing (stepFound)="onStepFound($event)" (currentLinks)="getLinks($event)" (entrySelected)="changeStep($event.entry, $event.execute)" [pageToFieldSetMap]="pageToFieldSetMap"></app-table-of-contents>
+									</div>
 								</div>
 							</div>
-						</div>
+						</div>				
 					</div>
 					<div class="row mt-3 stepper-actions justify-content-around">
 						<div class="col-auto mb-1">
diff --git a/dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents.component.html b/dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents.component.html
index 62de7a1cb..65d477b88 100644
--- a/dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents.component.html
+++ b/dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents.component.html
@@ -1,12 +1,12 @@
-<div *ngIf="links?.length" class="docs-toc-container">
-	<div class="scroll-container">
+<div *ngIf="links?.length" class="row docs-toc-container">
+	<div class="col-12 scroll-container">
 		<span *ngFor="let link of links; let i = index" (click)="toggle(link); goToStep(link)" class="docs-level-{{link.type}} docs-link mt-0" [class.docs-active]="link.active">
 			<span *ngIf="link.show" class="link-name"><span [class.selected]="link.selected && isActive">{{link.name}}</span></span>
 		</span>
 	</div>
 </div>
 
-<div *ngIf="tocentries" class="docs-toc-container">
+<div *ngIf="tocentries" class="row docs-toc-container">
 
 	<div class="scroll-container col-12 internal-table">
 		<table-of-contents-internal #internalTable [TOCENTRY_ID_PREFIX]="TOCENTRY_ID_PREFIX" [tocentries]="tocentries"
diff --git a/dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents.component.scss b/dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents.component.scss
index 8d6ea8a14..2a8c44396 100644
--- a/dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents.component.scss
+++ b/dmp-frontend/src/app/ui/description/editor/table-of-contents/table-of-contents.component.scss
@@ -43,9 +43,9 @@ span {
   overflow: hidden;
   color: #21212194;
   font-weight: 400;
-  max-width: 290px;
-  min-width: 290px;
-  padding: 0rem .4rem;
+  // max-width: 290px;
+  // min-width: 290px;
+  // padding: 0rem .4rem;
   span {
     white-space: nowrap;
     overflow: hidden;