Sections View Only 3 Columns

[tibmeister]

Checklist

• [X] I have updated to the latest available Home Assistant version.
• [X] I have cleared the cache of my browser.
• [X] I have tried a different browser to see if it is related to my browser.
• [X] I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

Every update since 2024.7.x using a Sections View, I can only get 3 columns to show consistently. If I edit the dashboard, change from 4 column to 3 columns and save, my 4th column will now show below in a new row. If I again edit and change back to 4 columns, sometimes I can see the 4th column in the browser until a refresh occurs, which then my 4th column disappears again. This occurs regardless of what cards are in the 4th column, what browser I'm using, and even across multiple machines and OS's.

Describe the behavior you expected

In 2024.6.4 I was able to have 4 columns show consistently in the Sections View across all browsers and machines.

Steps to reproduce the issue

1. Create Sections View
2. Set to 4 columns
3. Add content
4. Save
5. Refresh and observe ...

What version of Home Assistant Core has the issue?

2024.7.0+

What was the last working version of Home Assistant Core?

2024.6.4

In which browser are you experiencing the issue with?

No response

Which operating system are you using to run this browser?

Windows 10 22H2, Ubuntu 22.04, Debian 12, Android 10, iOS 17.6

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

Screenshots named with description

[charettepa]

I am getting the same issue while sing Masonry if i use sections, i can get 4 but only if i zoom out the browser to 80% or less

what can be done to get 4 columns again without zooming to 80% or less and without closing the sidebar