[Bug]: When on the phone screen, there are two large spaces on both sides of the chart

[heydayle]

Would you like to work on a fix?

• Check this if you would like to implement a PR, we are more than happy to help you go through the process.

Current and expected behavior

Expected behavior:
Hidden large space on both sides of the chart!

Current behavior:
I have a problem when using 2 types of Line and Bar on the same chart and that problem occurs when responsive to the phone screen.
When on the phone screen, there are two large spaces on both sides of the chart, but on the desktop there are not.

I tried to make it as similar as possible to the sandbox but couldn't run the demo.
Demo
Can someone explain and give me a solution?

Reproduction

https://stackblitz.com/edit/github-gk93gf?file=src%2FchartConfig.ts

chart.js version

4.2.1

vue-chartjs version

5.2.0

Possible solution

No response