Issues with Lovelace Column Width

Hi All,

I’m wondering if someone could please help with a Lovelace issue I am having. I’m trying to get things moved over to Lovelace UI, but no matter what I do, it seems to be using a very small width for the page (see screenshot).

It’s just a simple config so far, but I’m really perplexed. I’ve tried to use horizontal-cards but it is still within that column width. This is what latest Firefox 63 on Mac, but it also exists in Safari and Chrome.

Any assistance would be great. Thanks!

I think width is determined on number of card/entities. So a single card/entity will appear in the middle.

Depends on what you want to achieve. If you’re going to have several columns, then you can stay like this, it will align.
But if you want the column to take full width (or, with several columns, order them like you want), you should set the view to “panel” mode :

- title: Accueil
  panel: true
  cards:
  - type: vertical-stack
    cards:
    - type: entity-filter
      show_empty: false

But you can only have one card in panel mode, so you’ll have to start with a stack (horizontal or vertical) to display more than one card.