Card Dynamically Keeps Growing and Growing in Size about lovelace-windrose-card

[kaijk]

Drilling down into the Insepctor, I see this for the card:

                <div class="card-content">
                    <canvas id="windRose" width="13861" height="186">
                    </canvas>
                </div>

Width just keeps growing, by itself

[kaijk]

I find that specifying width: and height: using card_mod stops the behavior. It appears that the card does not play well when the grid is defined using fr notation (see grid-template-columns: at the beginning above).

The challenge and why I'm using fr notation is that I'm deploying this on devices having differed screen widths. Fixing this card at 400px wide won't work. I like the card and would appreciate any insights.

card_mod:
  style: |
    ha-card {
      width: 400px;
      heigth: 400px;
    }

[daaf84]

Same here... Used Cardmod for now, but it messes uptime alignment of the rose in the border of the card.