To-do List Scroll bar

[marble heath]

Hello - I have a tablet in the kitchen running fully w/kiosk mode a dashboard showing weather/energy and a to-do list that we use for shopping items. The issue I have is as the to-do list grows it expands the card and 'pushes' the other items down the page so I have to scroll to them to see. I'd rather have the shopping list a fixed height, but scrollable. I've tried with card-mod but no luck - heres some exmaple of what I've used:

• title: second page
  path: second-page
  card_mod:
  style: |
  ha-card.type-todo-list {
  max-height: 200px
  overflow-y: scroll;
  }
  cards:
  • type: todo-list
    entity: todo.google_keep_shopping_list

Any help would be greatfully received - the WAF is dropping with every item on the list 😆

[patent hearth]

Card_mod needs to be inline with the card you're wanting to modify. This worked for me. I used 250px to show two items and the Add Item. (Note: I used the background-color as an example to show that the code is being applying to the right spot.) yaml type: todo-list entity: todo.demo card_mod: style: | ha-card { background-color: red; max-height: 250px; overflow-y: scroll; }https://i.imgur.com/WYNmQNe.png