Description

In the community portal, on pages with multiple record list components, you may encounter empty space between record lists if the above record list has few records. This may cause an issue where the user only sees the record list at the top, while the latter list is only visible if the user scrolls further down.

The empty space on the page is not actually a space between the two record lists, but rather empty rows in the first list not filled out with records. The record list component in 'Full' layout has a minimum height for the component, and if there are only a few records in the list view, the rest of the height will appear as empty space.

Resolution

Your options are to either change the layout to 'Compact' or 'Standard' (this will remove the user's ability to change the list view Filter),

Or, use a CSS override to unset the minimum height styling. For example, you can use this custom CSS:

.listDisplays {
    min-height: unset !important;
}

You can add a CSS override to your experience site with these steps:

1. Open the Experience Builder
2. Click the Theme tab
3. Click the dropdown arrow button
4. Click Edit CSS
5. Copy and paste the code snippet above into the box
6. Save and Publish

Now, the record list components on the community site page should display without the fixed height causing empty space.