"Stateof" and "2023" logo elements misplaced on Safari

[pawelgrzybek]

"Stateof" and "2023" words misplaced on Safari

The solution is to remove transform="rotate(30)" from <text> elements, wrap them in a group <g> and apply translation on a group. Like so:

Before:

<text transform="rotate(30)" x="728" y="1260" font-size="100" text-anchor="end" class="0"><tspan>2</tspan><tspan>0</tspan><tspan>2</tspan><tspan>3</tspan></text>

After:

<g transform="rotate(30)">
    <text x="728" y="1260" font-size="100" text-anchor="end" class="0"><tspan>2</tspan><tspan>0</tspan><tspan>2</tspan><tspan>3</tspan></text>
</g>

CodePen: https://codepen.io/pawelgrzybek/pen/QWRbXRp

[chriskirknielsen]

Thank you! This should already be fixed with #365 and #366 but if you still see issues on Safari let me know!

[pawelgrzybek]

Yeah, this looks great now!