Button interactable area overlapping

Hi

I have 6 buttons next to each other. Each are 30x30.The buttons directly to the left of each button is gaining priority 15 pixels to the left. So button 1 pixels 1-15 work for button 1, button 1 pixels 15-30 work for button 2, button 2 pixels 1-15 work for button 2, button 2 pixels 15-30 work for button 3, etc…

I have tried with Raycast Targeting on and off, checked the yellow box area and nothing overlaps, tried -values for raycast padding, tried moving the buttons around, and tried deleting and replacing the buttons. I am stumped.

Any help would be greatly appreciated.

Fied. Just deleted everything and started again.