Nav left aligned in webflow editor and browser, centered on iPhone browser

Publishing help Editor
1

At a loss for why this might be happening. nav bar icon is left-aligned in webflow editor, browser on desktop, but center aligned when viewed on iphone.
It’s configured using flex box with left align / grow. Can’t get the icon to left align no matter what I do when viewed on iphone. Very frustrating trying to fix it since it only looks different on a physical iphone, not in a browser window on desktop with a low width to simulate responsive.

image
image946×2048 126 KB

image
image494×838 29.7 KB

image
image302×620 15.4 KB

Here is my site Read-Only: Webflow - OccaSoftware

2

@Michael_Sacco
Hi, I had a look, I think it will be fixed if you set the width to auto in your svg embed. (it now is set to 100%) I would also add the right side margin auto in the style panel, just to make sure it stays left aligned. (left margin would be 0)