Calendar card title is not being responsive for some locales (Ukrainian locale)

[denysdovhan]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

With Ukrainian locale the title in calendar card is not being responsive, causing it to break words. It looks aestatically unpleasent.

For comparison, here is how it looks with English locale:

I didn't checked how it works for other locales. Maybe it is broken for other locales as well.

Same behavior in other browsers and on mobiles devices.

Describe the behavior you expected

I expect the layout to be responsive for Ukrainian locale the same way as it is for English locale.

Steps to reproduce the issue

1. Set Ukrainian locale
2. Navigate to calendar card
3. See how date title is not being responsive

What version of Home Assistant Core has the issue?

core-2024.9.1

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

Google Chrome Version 128.0.6613.138 (Official Build) (arm64)

Which operating system are you using to run this browser?

macOS Sonoma 14.6

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No errors so far

Additional information

No response