No problem. I could have looked.
I looked at the design for these elements and the bar. I can see you are experimenting. I normally find it easier to isolate elements to work issues out. Hard to do when there are lots of plates spinning.
Looking at your bar, you are using unnecessary margins and positioning. This could be simplified by grouping the elements into divs where the parent is using flex.
I created a demo for you. It uses flex and demonstrates manipulating the hover color with interactions and without them, using the hover state and transitions. Aside from a vertical border, I think this is close to what you want. Use this as a design pattern.