diff --git a/src/app/shared/search/search-filters/search-filters.component.html b/src/app/shared/search/search-filters/search-filters.component.html
index bea2ea94671..a7d96013b0b 100644
--- a/src/app/shared/search/search-filters/search-filters.component.html
+++ b/src/app/shared/search/search-filters/search-filters.component.html
@@ -4,21 +4,22 @@ <h3>{{filterLabel+'.filters.head' | translate}}</h3>
   <h2>{{filterLabel+'.filters.head' | translate}}</h2>
 }
 
-@if ((filters | async)?.hasSucceeded) {
-  <div [class.visually-hidden]="getCurrentFiltersComputed(this.currentConfiguration) < (filters | async)?.payload?.length">
-    @for (filter of (filters | async)?.payload; track filter.name) {
-      <ds-search-filter (isVisibilityComputed)="countFiltersWithComputedVisibility($event)" [scope]="currentScope" [filter]="filter" [inPlaceSearch]="inPlaceSearch" [refreshFilters]="refreshFilters"></ds-search-filter>
-    }
-  </div>
-}
+<div class="filters-scrollable">
+  @if ((filters | async)?.hasSucceeded) {
+    <div [class.visually-hidden]="getCurrentFiltersComputed(this.currentConfiguration) < (filters | async)?.payload?.length">
+      @for (filter of (filters | async)?.payload; track filter.name) {
+        <ds-search-filter (isVisibilityComputed)="countFiltersWithComputedVisibility($event)" [scope]="currentScope" [filter]="filter" [inPlaceSearch]="inPlaceSearch" [refreshFilters]="refreshFilters"></ds-search-filter>
+      }
+    </div>
+  }
 
-@if(getCurrentFiltersComputed(this.currentConfiguration) < (filters | async)?.payload?.length) {
-  <ngx-skeleton-loader [count]="defaultFilterCount"/>
-}
+  @if(getCurrentFiltersComputed(this.currentConfiguration) < (filters | async)?.payload?.length) {
+    <ngx-skeleton-loader [count]="defaultFilterCount"/>
+  }
+</div>
 
 @if (inPlaceSearch) {
   <button class="btn btn-primary" [routerLink]="[searchLink]" [queryParams]="clearParams | async" (click)="minimizeFilters()" queryParamsHandling="merge" role="button">
     <i class="fas fa-undo"></i> {{"search.filters.reset" | translate}}
   </button>
 }
-
diff --git a/src/app/shared/search/search-filters/search-filters.component.scss b/src/app/shared/search/search-filters/search-filters.component.scss
index 6170b9281c6..a9b6851c585 100644
--- a/src/app/shared/search/search-filters/search-filters.component.scss
+++ b/src/app/shared/search/search-filters/search-filters.component.scss
@@ -1,6 +1,17 @@
 @import '../../../../styles/variables';
 @import '../../../../styles/mixins';
 
+:host {
+  display: block;
+  overscroll-behavior: contain;
+}
+
+.filters-scrollable {
+  max-height: 60vh;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
 :host ::ng-deep {
   ngx-skeleton-loader .skeleton-loader {
     height: var(--ds-filters-skeleton-height);