Chart - Safari browser - Visual bug on x-axis

[0hra]

Flux version

v2.0.0

Livewire version

v3.5.19

Tailwind version

v4.0

What is the problem?

The x-axis does not look right on mobile (iOS + Safari)

Mobile:

Desktop:

Code snippets

Just check out the documentation
https://fluxui.dev/components/chart

How do you expect it to work?

Be visually consistent across platforms

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be closed if I haven't met the criteria above.

[SRWieZ]

Same problem on Safari Desktop

[dr-codswallop]

Confirm also encountering this issue on Safari v18.3 desktop & Safari iOS v18.2

The transform="translate(x,y)" values in Safari don't seem consistent with values in other browsers. Example below direct from the first chart on the docs page https://fluxui.dev/components/chart#chart

Safari

<g data-tick-label-group="" data-axis="x">
   <g data-tick-label="" data-axis="x" transform="translate(42.5625, 198.0625)" style="display: inline;">

Brave (Chromium)

<g data-tick-label-group="" data-axis="x">
   <g data-tick-label="" data-axis="x" transform="translate(42.5546875, 178.328125)" style="display: inline;">