Adobe Animate 2020/2021 Onion skin bug

I have this issue where my opnion skin shows all the previous frames in the onion skin ranger together instead of lowering the opacity and changing their colour based on if the frames are behind or ahead of the current frame i'm on. This only happens when I move past the frames on the timeline while I'm using a different layer.

I've tried changing my onion skin settings, updating drivers, uninstalling and re-installing adobe animate, updating animate to 2021 and then going to older versions but nothing seems to be working at the moment.

Please use the screenshots below for some visual clarity