Make badges at the top of the views be horizontally scrollable - card-mod? | Home Assistant | Page 1

spring mulch Sep 12, 2025, 8:37 PM

#

I got some card-mod that i thought would work. I have tried every which way to get this working but if someone has this already then i would appreciate it.

views:
  - theme: Material You
    title: Home
    path: home
    icon: mdi:home
    card_mod:
      style: |
        hui-view-badges:
          $: |
            .badges {
              overflow-x: auto !important;
              white-space: nowrap !important;
              display: flex !important;
              flex-wrap: nowrap !important;
            }
    badges:

spring mulch Sep 13, 2025, 11:21 AM

#

I'm able to apply this CSS directly in devtools to the badges but I can't get the card mod to work.

Can someone help me understand what I'm doing wrong?

spring mulch Sep 13, 2025, 11:58 AM

#

Make badges at the top of the views be horizontally scrollable - card-mod?

spring mulch Sep 13, 2025, 1:10 PM

#

Based on what i am reading, this may not be possible since the badge section isn't an ha-card element. But if someone has hacked it then please let me know how i can achieve this - i have a ton of badges and they cause a major layout shift when i load my dashboard - if they were horizontally scrollable and i only see the important ones first, that would alleviate a lot of my issues.

#Make badges at the top of the views be horizontally scrollable - card-mod?