My workaround for fixing this bug in my project was (helpful when you want the children centered with
margin: auto
in a flex container if there is no scroll.):
.overflowing-container > *:last-child:after {
display: block;
height: 1rem; /* Match bottom padding */
margin-bottom: -1rem; /* Move it outside */
content: "";