Big Number + Big Number with Trendline get cut off on dashboards

[yousoph]

Bug description

Repro:

1. Create a Big Number chart or a Big Number with Trendline chart
2. in the Customize tab, set the font size to Normal, large or huge (this bug seems harder to repro when the font size is Small or Tiny, but it might still be possible)
3. Save the chart and add it to a dashboard

Currently, the numbers on the right get cut off easily. Typically, giving the chart a lot more horizontal space will fix the issue, but the font should resize correctly to not be cut off if there's not enough space.

Screenshots/recordings

Superset version

master / latest-dev

Python version

3.9

Node version

16

Browser

Chrome

Additional context

No response

Checklist

• I have searched Superset docs and Slack and didn't find a solution to my problem.
• I have searched the GitHub issue tracker and didn't find a similar bug report.
• I have checked Superset's logs for errors and if I found a relevant Python stacktrace, I included it here as text in the "additional context" section.

[geido]

---

🎉 Preset Bounty Available: $150 USD 🎉

To claim this bounty, please carefully follow the steps below.

---

📋 Steps to Participate

1. Review Guidelines:
   Read through the Preset Bounty Program Contribution Guide for complete details on bounty requirements.

2. Show Your Interest:
   Complete the Preset Bounty Program Survey and comment this issue to express your interest.

3. Join the Slack Channel:
   After completing the survey, you’ll receive an invitation to the dedicated Apache Superset Slack channel.

4. Get Assigned:
   To officially start, ensure a Bounty Program Manager has assigned you to this issue.

5. Submit Your Solution:
   When ready, submit your solution with the Fixes #{issue_number} notation in your Pull Request description.

6. Claim Your Bounty:
   Sign up at GitPay.me and submit your solution via: https://gitpay.me/#/task/982

---

💡 Additional Notes

• Only developers assigned by a Bounty Program Manager should start working on this issue to win the bounty.
• Be sure to follow the guide closely to avoid any delays in payment. Please, allow a few days after your PR has been merged for the bounty to be released.

Good luck, and happy coding! 🎉

[fardin-developer]

Hey would love to work on this issue.

[aybanda]

@geido
Hey, I would love to work on this issue! Please let me know if I can be assigned to it. Thank you!