Logo Alignment on Mobile

I am currently using Full Width with sticky header. Logo is aligned left. It looks correct on my PC browser, even when viewing in responsive design mode within FF’s dev tools. The issue I’m having is when I’m actually on my mobile phone.

The issue on my mobile phone is when I scroll down and the sticky header activates, the logo moves slightly to the right rather than staying to the left as it was before the sticky header activates. I cannot figure out what is causing this issue. I have tried viewing it in both Safari and Brave browsers on my phone and both have the same issue.

Can you please help?