New sections view card sizes vs grid

Hi, I started rebuilding my dashboard using sections. I have a few hundreds items on 12 pages and drag and drop helps me a lot when building.
But then I found this display issue, some cards are bigger and I found no way to make them smaller to fit the other section view.
Attached image.
Any help is much appreciated. Thanks. Peter

I’m guessing you have tried the layout tab where you can adjust the card size…?

yes, is an issue with some cards only. I think they should be updated for the new sections view. Or maybe card mod but I am not good at css.

Custom cards?

no, media card, thermostat etc, default ones

Using the method I mentioned above, I am able to adjust the size without any issues.

core thermostat card:

Core media card:

EDIT: OK, I just saw your little red line. The issue is that the bottom card is wider than the tile card. (you could have made that more obvious mate… maybe an arrow to it or something.)

I don’t have that problem though:

image

Maybe it’s something do do with the theme you are running. Try switching to another theme (eg: default) and see what happens.

yes that is the issue, yours are aligned, what theme you use? I changed to default and same issue. I used mushroom shadow before!
Please share code for that section!

I’m using a theme called “IOS Dark Mode”.

That section was just a test I created with a standard tile card and a standard media card. I simply selected the default given examples for each and hit save. no mods at all.

type: grid
cards:
  - type: heading
    heading: New section
  - type: tile
    entity: sensor.current_date
  - type: tile
    entity: sensor.current_date
  - type: media-control
    entity: media_player.bravia_4k_vh2

found the issue, many of my buttons are mushroom custom button, and these don’t align properly. Thanks for the help.