I don't understand why this autolayout function is not working

hi, I’m self teaching UI UX so I am still really new to auto layout and find it confusing. I have two components aligned next to each other with auto layout. When I try to change the font of the text in the components, it shifts the autolayout spacing between the two components. I have played with every setting and I have no idea why it can’t just keep the same spacing when I change the font sizes.

A video/gif or a screenshot of the occurring issue might make it easier for us to pinpoint the right solution. From the explaination you are giving it seems to me like the issue is surely within the components themselves.