Fix Chart Centering in RTL Layouts

[aymanalareqi]

This PR fixes an alignment issue where chart widgets were appearing incorrectly aligned to the right in RTL (Right-to-Left) layouts.

By applying @apply mx-auto flex w-full justify-center; to the .fi-wi-chart-canvas-ctn class, the chart container is now correctly centered across all text directions.

Visual changes

befor

after

Functional changes

• Code style has been fixed by running the composer cs command.
• Changes have been tested to not break existing functionality.
• Documentation is up-to-date.

[danharrin]

Please attach a reproduction repository for this problem, as I cannot reproduce it locally, and these changes seem to be too broad for just the RTL fix

[aymanalareqi]

Please attach a reproduction repository for this problem, as I cannot reproduce it locally, and these changes seem to be too broad for just the RTL fix

Hi @danharrin,

I have created a reproduction repository here: https://github.com/aymanalareqi/chart_widgets_issue

This project includes all chart widget types on the dashboard. I have set the default locale to ar in the environment to force RTL mode. You will observe that the charts are misaligned/not centered in RTL, while they remain perfectly centered if you switch the locale back to en.

I hope this helps in isolating the issue and finding a more targeted CSS fix.

Thanks!

[danharrin]

I can't reproduce the issue with your repository, what browser and OS are you using?

[aymanalareqi]

I can't reproduce the issue with your repository, what browser and OS are you using?

I'm testing on macOS Taheo 26.2 with Safari Version 26.2

[danharrin]

Seems like a Safari-only issue