"grid-template-columns: 50% auto" may not work properly for history-graph

[ildar170975]

My Home Assistant version: 2025.1

Layout-card version (FROM BROWSER CONSOLE): 2.4.5

What I am doing:
Trying to apply grid-template-columns: 50% auto layout.

Works OK in Editor:

But causes overflow in a view:

Observed in Chrome 131.0.6778.265 (Win10), FF 133.0.3 (Win10). iOS Companion App (iOS 15.x).

Have to use grid-template-columns: 50% 50% layout:

Interestingly this glitch does not occur with Entities card:

Minimal steps to reproduce:

type: custom:layout-card
layout_type: custom:grid-layout
layout:
  grid-template-columns: 50% auto
cards:
  - type: history-graph
    entities:
      - sun.sun
  - type: history-graph
    entities:
      - sun.sun

Error messages from the browser console:

---

By putting an X in the boxes ([X]) below, I indicate that I:

• Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
• Have made sure I am using the latest version of the plugin.
• Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
• Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.

[ildar170975]

Same glitch with Markdown card:

Does not happen with Glance:

[ildar170975]

Created an issue in HA frontend just in case...
home-assistant/frontend#23744