Sensor card graph with rounded corners - help needed

I’ve been trying out some theming and adding rounded corners to my cards using ha-card-border-radius but when I do this it looks like the corner radius isn’t applied to the graph.

this is with extra roundiness to demonstrate the problem :grinning:

How do I stop this from happening ?

I have the exact same problem and it’s driving me nuts. Did you ever find a solution?

1 Like

Try this:

ha-card {
overflow: hidden;
}

not sure where I’m supposed to put that … tried in all the places I can think of and it made no difference but I’m probably doing it wrong … where exactly do I put it ?

it requires card-mod, which is a custom card for lovelace.

ok … srry for being an idiot but I’ve tried

type: sensor
entity: sensor.living_room_media_stack_monthly_energy
graph: line
card_mod:
  style: |
    : ha-card { overflow: hidden; }

And that didn’t seem to change anything

Just in case anyone else also Googles this issue and finds this thread, to get it to work you have to remove the : in front of ha-card.

So like this:

card_mod:
  style: |
    ha-card { overflow: hidden; }