Card Columns - hover fails with scrollable card content

Created by: sakthivelsekar33

hover css effects not applied consistently on cards columns with scrollable contents.

Resize the pane so that you should see 3 cards per row
I have applied hover css effect( background-color: red) for the list items
go to card with title Card 2 and hover it, you will see a red background
now on the same card scroll to the end of list and hover it - the hover effects(red background) is not applied ( if i inspect i could see the css applied in dom but not getting applied until i resize the browser itself)
this works fine with Card 1

Bug Background