Badge Spacing…

Configuration Frontend
1

My badges don’t align properly after Core 2024.7.4 Please assist reducing wasted space between badges. I presume it’s a responsive layout issue where the spacing or sizing is causing the icons to not fit properly.
Below are pics of my Dashboard raw config yaml on my mobile device.

Thanks in advance

IMG_2805
IMG_28051290×1779 172 KB

IMG_2801
IMG_2801741×909 128 KB

IMG_4366
IMG_4366904×2284 335 KB

2

This may be done by a custom theme & you need to have card-mod installed:

test_badge:
  card-mod-theme: test_badge
  card-mod-view-yaml: |
     hui-masonry-view $:
       hui-view-badges $: |
         .badges {
           gap: 0 !important; /* any value smaller than default 8px */
         }