Back to Website Development
Website Development

SVG logos are scaling incorrectly in Safari

Posted on January 22, 2026, 2:16 pm • 446 Views
My SVG logo looks fine in Chrome, but stretches out massively in Safari mobile.
Safari struggles with SVG aspect ratios inside flex containers. Add `flex-shrink: 0;` and define a strict `width` and `height` attribute directly on the `<svg>` element.

You must be logged in to reply to this topic.

Login Register