diff --git a/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.html b/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.html
index 703dd8ec7..913aed951 100644
--- a/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.html
+++ b/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.html
@@ -13,7 +13,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="filter-btn" [style.right]="dialog.openDialogs.length > 0 ? '446px' : '0px'" [style.width]="hasScrollbar() ? '52px' : '37px'" (click)="openFiltersDialog()">
+			<div class="filter-btn" [style.right]="dialog.openDialogs.length > 0 ? '446px' : '0px'" [style.width]="scrollbar ? '57px' : '37px'" (click)="openFiltersDialog()">
 				<button mat-raised-button class="p-0">
 					<mat-icon class="mr-4">filter_alt</mat-icon>
 				</button>
diff --git a/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.ts b/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.ts
index a3a62cbf3..fdc462469 100644
--- a/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.ts
+++ b/dmp-frontend/src/app/ui/dataset/listing/dataset-listing.component.ts
@@ -54,6 +54,8 @@ export class DatasetListingComponent extends BaseComponent implements OnInit, IB
 		like: new FormControl()
 	});
 
+	scrollbar: boolean;
+
 	constructor(
 		private datasetService: DatasetService,
 		private router: Router,
@@ -118,6 +120,10 @@ export class DatasetListingComponent extends BaseComponent implements OnInit, IB
 			.subscribe(x => this.controlModified());
 	}
 
+	ngAfterContentChecked(): void {
+		this.scrollbar = this.hasScrollbar();
+	}
+
 	controlModified(): void {
 		// this.clearErrorModel();
 		// if (this.refreshCallback != null &&
diff --git a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.html b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.html
index a57e09e98..33bb45077 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.html
+++ b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.html
@@ -8,7 +8,7 @@
 					<p class="mt-4 pt-2">{{'DMP-LISTING.TEXT-INFO-QUESTION' | translate}} <u>{{'DMP-LISTING.LINK-ZENODO' | translate}}</u> {{'DMP-LISTING.GET-IDEA' | translate}}</p>
 				</div>
 			</div>
-			<div class="filter-btn" [style.right]="dialog.openDialogs.length > 0 ? '446px' : '0px'" [style.width]="hasScrollbar() ? '52px' : '37px'" (click)="openFiltersDialog()">
+			<div class="filter-btn" [style.right]="dialog.openDialogs.length > 0 ? '446px' : '0px'" [style.width]="scrollbar ? '57px' : '37px'" (click)="openFiltersDialog()">
 				<button mat-raised-button class="p-0">
 					<mat-icon class="mr-4">filter_alt</mat-icon>
 				</button>
diff --git a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
index b93a16750..ed291b369 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
+++ b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
@@ -59,6 +59,8 @@ export class DmpListingComponent extends BaseComponent implements OnInit, IBread
 		like: new FormControl()
 	});
 
+	scrollbar: boolean;
+
 	constructor(
 		private dmpService: DmpService,
 		private router: Router,
@@ -164,6 +166,10 @@ export class DmpListingComponent extends BaseComponent implements OnInit, IBread
 			.subscribe(x => this.controlModified());
 	}
 
+	ngAfterContentChecked(): void {
+		this.scrollbar = this.hasScrollbar();
+	}
+
 	public refresh(resetPages = false) {
 		// if (this._paginator.pageSize === undefined) this._paginator.pageSize = 10;
 		// if (resetPages) this._paginator.pageIndex = 0;