When shrinking window width to the lower side of the current media width range, the purchase amounts will stick out of table on the right side.

What I mean by "media range" is that the adaptive CSS makes the layout work better when you shrink the window enough that it reaches a certain width threshold and switches to the next view. Therefore the bug will only appear when the window width is low enough but just before crossing the next threshold (except for the smallest width since there is no further threshold).

I realized a gif would make it easier to understand, but if you try on resize your window you will quickly see what happens.

For reference, a few other adaptive resolution and overlap issues:

https://feedback.lunchmoney.app/bugs/p/budget-page-buttons-overlap-on-narrow-screens (mobile)