diff --git a/src/app/components/shared/room-list/room-list.component.html b/src/app/components/shared/room-list/room-list.component.html
index 18cfff1052b63b06f8d677091a355ecaf05d9b1a..2c15e6f3f3b58c78f2fb08a9edf34adbfa70e09f 100644
--- a/src/app/components/shared/room-list/room-list.component.html
+++ b/src/app/components/shared/room-list/room-list.component.html
@@ -7,11 +7,13 @@
 <div *ngIf="roomsWithRole">
   <mat-divider></mat-divider>
   <div *ngIf="tableDataSource.data.length === 0" aria-labelledby="emptySessionHistoryLabel">
-    <h3>{{ 'room-list.no-room-history' | translate }}</h3>
+    <h3 class="noRoomHistory">{{ 'room-list.no-room-history' | translate }}</h3>
   </div>
 
   <div *ngIf="tableDataSource.data.length > 0">
 
+    <div class="fill-space" *ngIf="this.rooms && this.rooms.length <= 5"></div>
+
     <!-- filter input -->
     <mat-form-field *ngIf="this.rooms && this.rooms.length > 5" class="filterWrapper">
       <input (focus)="eventService.makeFocusOnInputTrue()" (blur)="eventService.makeFocusOnInputFalse()" matInput
diff --git a/src/app/components/shared/room-list/room-list.component.scss b/src/app/components/shared/room-list/room-list.component.scss
index dce2b8b588c2c7c1c8175bcf9a42249f6b118305..362fd6de1e07059b726cb507531c636b721ee16b 100644
--- a/src/app/components/shared/room-list/room-list.component.scss
+++ b/src/app/components/shared/room-list/room-list.component.scss
@@ -51,7 +51,7 @@ th {
 }
 
 .noRoomHistory {
-  color: var(--on-surface)!important;
+  color: var(--on-surface);
 }
 
 .visually-hidden {
@@ -71,3 +71,7 @@ th {
   height: 45vh;
   overflow: auto;
 }
+
+.fill-space {
+  height: 20px;
+}