Unwanted text before hvac modes

[Friedi1970]

Describe the bug I use the simple-thermostat as a card in room-card. When I activate control, e.g. hvac, there is a text before the hvac modes: ui.card.climate.operation which I don't want to see (see screenshot).

To Reproduce see the YAML

Expected behavior I expect to have the hvac modes without the text before.

cards:
  - type: custom:simple-thermostat
    entity: climate.buro
    header:
      name: Heizung Büro
    layout:
      step: row
    control:
      - hvac
    hide_if:
      conditions:
        - condition: equals
          value: 'off'```

**Screenshots**
![Bild 24 02 24 um 10 40](https://github.com/nervetattoo/simple-thermostat/assets/47818803/a7ea7fe9-54da-47ff-872f-4226efc393d7)

**Browser**
 - OS: Mac
 - Browser: Chrome/Safari
 - Simple Thermostat version from browser console: v2.5.0
 - Home Assistant version: 2024.2.2

[Friedi1970]

[motibass]

Same here.

A quick fix to remove the label entirly

card_mod:
    style: |
      .mode-title {
        display:none;
      }

[ampersandru]

Same here.

A quick fix to remove the label entirly

card_mod:
    style: |
      .mode-title {
        display:none;
      }

thanks - where do I add this? I tried adding to the lovelace yaml via raw config editor and no change

[markusg1234]

Same here. A quick fix to remove the label entirly

card_mod:
    style: |
      .mode-title {
        display:none;
      }

thanks - where do I add this? I tried adding to the lovelace yaml via raw config editor and no change

You can place it after the ha-card style.

card_mod:
  style: |
    ha-card {
      --st-font-size-xl: 24px;
      --st-font-size-m: 20x;
      --st-font-size-title: 20px;
      --st-spacing: 2px;
      --st-font-size-sensors: 13px;
    }
    .mode-title  {
       display:none; 
       }

[ntzb]

I updated from home assistant 2022, to home assistant 2024, and have the same problem. @ampersandru you have to use card mod for this modification. but even with this modification it looks very bad:

it is probably better to use

    .mode-title {
      visibility: hidden;
      position: relative;
    }
    .mode-title:after {
      visibility: visible;
      position: absolute;
      top: 0;
      left: 0;
      content: "";
    }

but it still looks bad.

where is the code responsible for this? we should submit a fix