Bottom border cut off

[backslashV]

Hi, I am not sure this is a bug or not, but the bottom border of my card is not showing:

My config:

cards:
  - type: custom:button-card
    entity: switch.kitchen_up
    show_name: false
    size: 20%
    hold_action:
      action: more-info
    styles:
      icon:
        - border: solid 3px var(--primary-color)
          border-radius: 5px;
    style: |
      ha-card {
        background-color: var(--primary-background-color);
        border-radius: 15px;
        margin: 10px;
      }
  - type: custom:button-card
    entity: switch.kitchen_down
    show_name: false
    size: 20%
    hold_action:
      action: more-info
    styles:
      icon:
        - border: solid 3px var(--primary-color)
          border-radius: 5px;
    style: |
      ha-card {
        background-color: var(--primary-background-color);
        border-radius: 15px;
        margin: 10px;
      }
title: Kitchen
type: custom:vertical-stack-in-card

[backslashV]

anyone?

[chenzomo]

anyone?

This has been driving me crazy too!!! Still not resolved. Hopefully soon...PLEASE!!!!

[RomRider]

That is probably generated by vertical-stack-in-card or maybe the margin that you change with card-mod. Nothing I can do here, sorry.

[backslashV]

That is probably generated by vertical-stack-in-card or maybe the margin that you change with card-mod. Nothing I can do here, sorry.

No, the custom button card alone also displays incorrectly. You can try it yourself..