sure you can use 1 top level stacked card as single card in the panel mode. custom or core.
and you’re right this looks off.
Just like it is in all of the frontend (imho).
Did you try the ‘fix’ yet? its very simple, and I am interested to see if it also fixes this?
Tbh, I think if you want a complex stack in you Frontend, why not use a regular view and be done with it? What’s the advantage of Panel mode, if you use it for a stacked view like this in the first place.
… Wait, its the full width… sorry.
nevermind that… use the fix first and let us know if it helps.
try to set a card-mod to this individual stack using mod-card if the ‘fix’ doesnt help
on occasion, there’s a card without ha-card element, you need to mod anyways, and mod-card then is the rescue. Using that to glue images and take out the gaps:
type: custom:mod-card
card_mod:
style: |
:host {
--stack-card-margin: 0px;
}
## ha-card {
## margin: 0px 0px -14px 0px;
## }
card:
type: horizontal-stack
as you can see in the commented bit, you can also set the other card options, I would hope the rounded corners would respond to the regular variable border-radius for that
I’ve just given it a try, and the ‘fix’ actually fixes this too:
not a single rounded corner or border in sight, using my generic mod in themes:
<<: &generic
card-mod-theme: theme-mods
ha-card-border-radius: 0px
ha-card-border-width: 0px
ha-dialog-border-radius: var(--ha-card-border-radius)
on a rather extensive stack card, that has no further mods in the yaml at all for that purpose:
- title: Panel
path: test_panel
icon: mdi:overscan
type: panel
cards:
- type: vertical-stack
cards:
should have known that, because even a more exotic custom card like history-explorer shows perfectly in panel mode:
thats why I didnt realize it was an issue in the first place…
long and winded answer: use the fix and it will be fixed 
