Problem

When a list is in grid layout view, notes will flow beyond their designated book's grid box, potentially overlapping covers and notes for adjacent books in the list.

Reproducing the bug

1. Go to https://openlibrary.org/people/something999/lists/OL302846L/Pulitzer_Prize_Winners_-_Biography
2. Select Grid (layout).
3. Scroll down to the grid box for Booker T. Washington by Louis R. Harlan (second-to-last row, second from the left).

This bug can also be seen with the grid box for the book W.E.B. Du Bois by David Levering Lewis (fifth row from the bottom, first on the left). The description also overflows the expected boundary but is partially hidden by the cover of another book.

• Expected behavior: The grid box shows notes up to a certain character limit (truncation).
• Actual behavior: The grid box does not appear to have a boundary.

Context

• Browser (Chrome, Safari, Firefox, etc): Firefox
• OS (Windows, Mac, etc): Windows
• Logged in (Y/N): N
• Environment (prod, dev, local): prod

Breakdown

Requirements Checklist

• [ ]

Related files

Stakeholders

Instructions for Contributors

• Please run these commands to ensure your repository is up to date before creating a new branch to work on this issue and each time after pushing code to Github, because the pre-commit bot may add commits to your PRs upstream.