Header width/line break adjustment not correct

[AleXSR700]

Checklist

• [ x] I updated the card to the latest version available
• [ x] I cleared the cache of my browser
• [ x] I verified that I'm really running the lastest version in my browser console
• [ x] I checked if there is another issue opened with the same problem

Describe the bug The header of the card does not perform a line break correctly when the friendly name is too long for the card (see screenshot below where the IP 8.8.8.8 is cut-off by the last "8"). Correct/expected behavior would be to have two entities in the first row and two in the second. That way the names would not be cut-off.

Version of the card Version: 2.1.2

To Reproduce This is the configuration I used:

Screenshots

Expected behavior A clear and concise description of what you expected to happen.

Desktop (please complete the following information):

• Browser [Chrome]
• Version [Version 127.0.6533.119 (Official Build) (64-bit) and newer]

Additional context Add any other context about the problem here.

[github-actions[bot]]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 10 days.