The style settings of the popup card globally affect some objects in HA.

[sallyHADEV]

When using the following code from the example in the popup card, these settings affect not only the card but also other objects.

styles: |-
      * { 
      color: red !important;
      }

To reproduce, create an empty dashboard and insert the following popup card.

type: vertical-stack
cards:
  - type: custom:bubble-card
    card_type: pop-up
    entity: update.home_assistant_supervisor_update
    styles: |-
      * { 
      color: red !important;
      }
    hash: "#test"

• windows, android
• firefox, edge, HA App
• Bubble Card version: 2.2.4
• Home Assistant version: 2024.10.4

I’m currently using alternative code like .bubble-name.

[Clooos]

Wow, weird 😅 I will try that.

[Clooos]

Indeed I was able to reproduce it, but I don't think that I can fix that in an easy way, instead use the element class directly.

This is working correctly:

.bubble-pop-up * { 
  color: red !important;
}

[sallyHADEV]

Thank you for your answer. I understand. I will use this code from now on