Gauge card inconsistent, and name shown in half.

[Pigi-102]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

When used in small dimension the "name" get cutted or the number is too big ( on chrome the name is cutted, on firefox the numers are too big ) and the gauge itself looks different when editing the dasboard.

On chrome.
This is when editing:

This is when editing is done:

On firefox.
This is when editing:

This is when editing is done:

Also you see that number are not consistent in size ( but the font are not changed in the yaml )

if needed this is the relevant part of dashboard yaml:

Also here you can see that the name is half.

On firefox is also worst:

In case you need, here are the other configuration page:

Describe the behavior you expected

To have consistent and fully readable data on gauge.
On 2026.3.2 it was consistent and fully readble.

Steps to reproduce the issue

1. upgrade to 2026.4.1
2. try

What version of Home Assistant Core has the issue?

2026.4.1

What was the last working version of Home Assistant Core?

2026.3.2 as I know ( it was my previous version )

In which browser are you experiencing the issue?

Version 125.0.6422.141 (Official Build) (64-bit), firefox 128.8.0esr (64-bit)

Which operating system are you using to run this browser?

linux ( slackware current )

State of relevant entities

This is one of the entity shown before.
state_class: measurement
unit_of_measurement: W
device_class: power
icon: mdi:transmission-tower
friendly_name: IoT-En-Mon

Problem-relevant frontend configuration

type: gauge
entity: sensor.iot_en_mon
needle: true
severity:
  green: 1
  yellow: 3500
  red: 5000
min: 0
max: 6600
grid_options:
  columns: 6
  rows: 2
name: Consumo Istantaneo

JavaScript errors shown in your browser console/inspector

Additional information

No response

[silamon]

I can't seem to reproduce what you're experiencing. The name shown in half is something I can reproduce but that was to align it with the other cards (you can see the same happening in the sensor graph card you screenshotted). Please try safe mode if you can.

[Pigi-102]

Hello and sorry for the late replay ( and for my poor english ).
the problem appears ( at least ) when you use the gauge card into a "section" type dashboard.
If I put them in an hotizontal stack ( inside a section ) works correctly, if they are not inside the horizontal tack yoy get the problem.
Look at this image:

Here the screen during editing and showing the first line is not an horizontal stack:

Here the same part of screen during editing ( you can see that the 4th line is an horizontal stack with two gauge inside ):

As you can see the first row looks different than the view outside the editing.

The first two shows the problem, while the fourth line don't.
This is the code ( partial ):

title: Casa 
views:
  - theme: Backend-selected
    title: Home
    panel: false
    type: sections
    subview: false
    layout:
      width: 300
      max_cols: 4
    badges:
      - entity: sun.sun
    cards: []
    sections:
...
...
...
      - type: grid
        cards:
          - type: heading
            heading: Elettricita'
            heading_style: title
          - type: gauge
            entity: sensor.iot_en_mon
            needle: true
            severity:
              green: 1
              yellow: 3500
              red: 5000
            min: 0
            max: 6600
            grid_options:
              columns: 6
              rows: 2
            name: Consumo Istantaneo
          - type: gauge
            entity: sensor.solarman_activepower_load_sys
            needle: true
            severity:
              green: 1
              yellow: 3500
              red: 5000
            min: 0
            max: 6600
            grid_options:
              columns: 6
              rows: 2
            name: Cons.Istant.Invert
          - type: gauge
            entity: sensor.panel_power
            max: 6500
            min: 0
            severity:
              green: 6000
              yellow: 2400
              red: 0
            name: Produzione istantanea
            grid_options:
              columns: 6
              rows: 2
          - graph: line
            hours_to_show: 24
            type: sensor
            entity: sensor.energy_monthly
            detail: 1
            unit: kwh
            grid_options:
              columns: 6
              rows: 2
            name: Energia tot mens.
          - type: horizontal-stack
            cards:
              - type: custom:mini-graph-card
                entities:
                  - entity: sensor.energy_daily
                name: Energy consumption
                hours_to_show: 168
                aggregate_func: max
                group_by: date
                color: blue
                show:
                  graph: bar
                font_size: 50
                font_size_header: 12
              - type: custom:mini-graph-card
                entities:
                  - entity: sensor.solarman_daily_energy_sold
                name: Exported
                hours_to_show: 168
                aggregate_func: max
                group_by: date
                color: blue
                show:
                  graph: bar
                font_size: 50
                font_size_header: 12
          - type: horizontal-stack
            cards:
              - type: gauge
                entity: sensor.solarman_pv1_power
                needle: true
                severity:
                  green: 1
                  yellow: 1500
                  red: 2300
                min: 0
                max: 3300
                name: Prod PV1
              - type: gauge
                entity: sensor.solarman_pv2_power
                needle: true
                severity:
                  green: 1
                  yellow: 1500
                  red: 2300
                min: 0
                max: 3300
                name: Prod PV2
          - type: horizontal-stack
            cards:
              - type: gauge
                entity: sensor.solarman_battery_1_soc
                min: 0
                max: 100
                needle: true
              - type: gauge
                entity: sensor.solarman_battery_1_voltage

[github-actions]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates.
Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍
This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.