Mushroom Chips cards - Fixing Width

Configuration Frontend
1

Does anyone have any ideas how to fix the width of Mushroom Chips or icons within a set? I have 3 icons side by side in a Mushroom Cips card. Easy to change colour - have text or not - but I cannot fix the width so when I have text in one of them, it’s width changes depending on the text? DeepSeek and I have wasted hours on this and gotten no-where… Anyone?
Screenshot 2025-04-08 153132

2

Here is an example. Check out these Mushroom threads here and here.

type: custom:mushroom-chips-card
chips:
  - type: entity
    entity: person.xxxx
    card_mod:
     style: |
       ha-card {
        width: 130px ! important;}
  - type: entity
    entity: person.xxxx
    card_mod:
     style: |
       ha-card {
        width: 130px ! important;}

  - type: entity
    entity: person.xxxx
    card_mod:
     style: |
       ha-card {
        width: 130px ! important;}
3

That works - I was applying card-mod to the wrong item - great - thanks…

4

Please take the time to mark the solution as the answer, you do that by selecting the three dots under the post:

image

Then select the check box:

image
By doing so:

  • this thread can be useful to other users as well (this thread comes up as solution when starting a thread which is similar to yours).
  • this prevents that someone else steps in trying to help

Thanks for giving back to the community! :+1: