ofxGui same code/objects different appearance


i have implemented the exact same code to create 2 panels.
the 1st, 2nd, 3rd (toggle boxes) and 4th (placeholder to check the alignment) panels on the left align perfectly. i used the same code (as the 1st, 2nd, and 3rd panels) to create the 5th, 6th and 7th (toggle boxes) on the left. however, starting with the 5th and 6th blocks (although i have used the same ofxGui objects), the height of the panels are slightly smaller (i didn’t adjust the height of the panels. the panels on the left are the default height) and the toggle boxes on the right (which should be the same as the group on the left), are smaller and misaligned as well.

while trying to debug the issue, i realized icons on the left header panels are different than the ones on the right header panels, which have a thinner outline.

does any one know what’s happening?

thanks in advance.