Back to Website Development
Website Development

SVG logos are scaling incorrectly in Safari

Posted on January 22, 2026, 2:16 pm • 479 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.