Updated core and supervisor and my spacing on my dashboard changed

Configuration
1

I updated my system today and the spacing imy my dashboard changed. It is a simple dashboard showing only about a dozen entities. Herre is a pic of how it looks now

PXL_20250513_215019666
PXL_20250513_2150196661920×1309 113 KB

Here is the Yaml for one side

type: grid
cards:
  - type: markdown
    content: |
      Temp.  {{ states('sensor.temperature') }} F
    card_mod:
      style: |
        ha-card {
          text-align: center;
          padding: 0px;         /* Adds padding inside the card */
          width: 400px;           /* Adjusts the card width */
          height: 200px;         /* Sets a fixed height (adjust as needed) */
          display: flex;
          justify-content: left;
          align-items: center;
          background: transparent; /* Makes the background transparent */
          border: none;            /* Removes the border */
          box-shadow: none;        /* Removes any shadow */
        }
        ha-markdown {
          font-size: 3em;        /* Adjust font size as needed */
          color: white;
        }
    grid_options:
      columns: full
  - type: markdown
    content: |
      Feels like {{ states('sensor.feels_like_temperature') | float |
       round(0) }} 
    card_mod:
      style: |
        ha-card {
          text-align: center;
          padding: 1px;         /* Adds padding inside the card */
          width: 500px;           /* Adjusts the card width */
          height: 200px;         /* Sets a fixed height (adjust as needed) */
          display: flex;
          justify-content: left;
          align-items: center;
          background: transparent; /* Makes the background transparent */
          border: none;            /* Removes the border */
          box-shadow: none;        /* Removes any shadow */
        }
        ha-markdown {
          font-size: 3em;        /* Adjust font size as needed */
          color: white;
        }
    grid_options:
      columns: full
  - type: markdown
    content: |
      Pressure  {{ states('sensor.pressure') }} 
    card_mod:
      style: |
        ha-card {
          text-align: center;
          padding: 1px;         /* Adds padding inside the card */
          width: 500px;           /* Adjusts the card width */
          height: 200px;         /* Sets a fixed height (adjust as needed) */
          display: flex;
          justify-content: left;
          align-items: center;
          background: transparent; /* Makes the background transparent */
          border: none;            /* Removes the border */
          box-shadow: none;        /* Removes any shadow */
        }
        ha-markdown {
          font-size: 3em;        /* Adjust font size as needed */
          color: white;
        }
    grid_options:
      columns: full
  - type: markdown
    content: |
      Humidity {{ states('sensor.humidity') }} % 
    card_mod:
      style: |
        ha-card {
          text-align: center;
          padding: 1px;         /* Adds padding inside the card */
          width: 400px;           /* Adjusts the card width */
          height: 200px;         /* Sets a fixed height (adjust as needed) */
          display: flex;
          justify-content: left;
          align-items: center;
          background: transparent; /* Makes the background transparent */
          border: none;            /* Removes the border */
          box-shadow: none;        /* Removes any shadow */
        }
        ha-markdown {
          font-size: 3em;        /* Adjust font size as needed */
          color: white;
        }
    grid_options:
      columns: ful
  - type: vertical-stack
    cards:
      - type: conditional
        conditions:
          - condition: state
            entity: binary_sensor.esphome_web_9b7da8_honda_door_contact
            state: "on"
        card:
          type: markdown
          content: |
            **Honda Door**
          card_mod:
            style: |
              ha-card {
                text-align: center;
                padding: 1px;
                width: 500px;
                height: 200px;
                display: flex;
                justify-content: left;
                align-items: center;
                background: transparent;
                border: none;
                box-shadow: none;
              }
              ha-markdown {
                font-size: 3em;
                color: orange;
              }
      - type: conditional
        conditions:
          - entity: binary_sensor.esphome_web_9b7da8_other_door_contact
            state: "on"
        card:
          type: markdown
          content: |
            **Other Door**
          card_mod:
            style: |
              ha-card {
                text-align: center;
                padding: 1px;
                width: 400px;
                height: 200px;
                display: flex;
                justify-content: left;
                align-items: center;
                background: transparent;
                border: none;
                box-shadow: none;
              }
              ha-markdown {
                font-size: 3em;
                color: orange;
              }
      - type: conditional
        conditions:
          - entity: binary_sensor.cat_window_contact
            state: "on"
        card:
          type: markdown
          content: |
            **Cat Window**
          card_mod:
            style: |
              ha-card {
                text-align: center;
                padding: 1px;
                width: 600px;
                height: 200px;
                display: flex;
                justify-content: left;
                align-items: center;
                background: transparent;
                border: none;
                box-shadow: none;
              }
              ha-markdown {
                font-size: 3em;
                color: orange;
              }
      - type: conditional
        conditions:
          - condition: state
            entity: binary_sensor.esphome_web_9b7da8_garage_side_door
            state: "on"
        card:
          type: markdown
          content: |
            **Garage Side Door**
          card_mod:
            style: |
              ha-card {
                text-align: center;
                padding: 1px;
                width: 500px;
                height: 200px;
                display: flex;
                justify-content: left;
                align-items: center;
                background: transparent;
                border: none;
                box-shadow: none;
              }
              ha-markdown {
                font-size: 3em;
                color: orange;
              }

I changed the font size from 4 to 3, changed the padding to 1. It still looks like it is double spaced. The entity “Cat Window” is a Vertical stack that has several entities that show up when the status is open. the whole dashboard is basically two sides, I have included the right side. What has changed in the core upgrade that would change this?

Thanks

2

Hello edlentz,

See the first one in this list.

3

Thanks Sir_Goodenough

Sorry but I don’ t understand your reference. Is it the card-mod usage of the ha tokens? I don’t see any tokens that I am using in that list.

Thanks

4

I have the same issue. After updating to the 2025.5 update, the spacing around my fonts has gotten larger and made my dashboard (which was fitted to a tablet) too tall. It’s just using basic grids, buttons, sensors; nothing custom. I couldn’t get everything to fit without reducing the size of the icons, to way too small, so I had to restore from backup.

I figured this would be a bigger problem for more people and it might get fixed, but I just tried updating to 2025.5.3, and the issue remains. I understand that there was a major revamp to the theming and typography, but I feel like this is a regression to the core components. I can no longer fit as many things on the same screen I used to.

Is there a way I can fix it myself?

How it looks in 2025.4

Screenshot_2025-05-24-18-24-53-177
Screenshot_2025-05-24-18-24-53-1771920×1200 219 KB

5

How it looks in 2025.5

Screenshot_2025-05-24-18-08-31-823
Screenshot_2025-05-24-18-08-31-8231920×1200 193 KB

type: sections
max_columns: 4
icon: mdi:home-thermometer
path: DHTs
title: Home
sections:
  - type: grid
    cards:
      - square: false
        type: grid
        cards:
          - graph: line
            type: sensor
            detail: 1
            entity: sensor.dht3_outside_temperature
            name: Outside
          - graph: line
            type: sensor
            detail: 1
            entity: sensor.dhtir1_house_temperature
            name: House
          - graph: line
            type: sensor
            detail: 2
            entity: sensor.dht1_temperature
            name: Dryer
            hours_to_show: 2
          - graph: line
            type: sensor
            detail: 1
            entity: sensor.dhtir2_granny_flat_temperature
            name: Mum
          - graph: line
            type: sensor
            detail: 1
            name: Reefer
            entity: sensor.dht2_temperature
          - square: false
            type: grid
            cards:
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: light.verandah_house_front
                name: Front
                show_state: false
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: light.verandah_house_back
                name: Back
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: light.verandah_mum
                name: Mum
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: light.verandah_ramp_door
                name: Ramp
            columns: 2
        grid_options:
          columns: 24
          rows: auto
        columns: 6
      - square: true
        type: grid
        cards:
          - graph: line
            type: sensor
            detail: 1
            entity: sensor.dht3_outside_humidity
            name: Outside
          - graph: line
            type: sensor
            detail: 1
            entity: sensor.dhtir1_house_humidity
            name: Home
          - graph: line
            type: sensor
            detail: 2
            entity: sensor.dht1_humidity
            name: Dryer
            hours_to_show: 2
          - graph: line
            type: sensor
            detail: 1
            entity: sensor.dhtir2_granny_flat_humidity
            name: Mum
          - graph: line
            type: sensor
            detail: 1
            entity: sensor.dht2_humidity
            name: Reefer
          - square: true
            type: grid
            cards:
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.hot_water_315l
                name: 315L
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: binary_sensor.hot_water_315l_heating
                name: Heat
                visibility:
                  - condition: or
                    conditions:
                      - condition: state
                        entity: input_boolean.hot_water_315l_fully_heated
                        state: "off"
                      - condition: state
                        entity: binary_sensor.hot_water_315l_heating
                        state: "on"
              - show_name: true
                show_icon: true
                type: button
                name: Full
                entity: input_boolean.hot_water_315l_fully_heated
                visibility:
                  - condition: and
                    conditions:
                      - condition: state
                        entity: input_boolean.hot_water_315l_fully_heated
                        state: "on"
                      - condition: state
                        entity: binary_sensor.hot_water_315l_heating
                        state: "off"
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.hot_water_granny_flat
                name: GF
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: binary_sensor.hot_water_gf_heating
                name: Heat
                visibility:
                  - condition: or
                    conditions:
                      - condition: state
                        entity: input_boolean.hot_water_gf_fully_heated
                        state: "off"
                      - condition: state
                        entity: binary_sensor.hot_water_gf_heating
                        state: "on"
              - show_name: true
                show_icon: true
                type: button
                entity: input_boolean.hot_water_gf_fully_heated
                name: Full
                visibility:
                  - condition: and
                    conditions:
                      - condition: state
                        entity: input_boolean.hot_water_gf_fully_heated
                        state: "on"
                      - condition: state
                        entity: binary_sensor.hot_water_gf_heating
                        state: "off"
            columns: 2
        columns: 6
        grid_options:
          columns: 24
          rows: auto
    column_span: 4
  - type: grid
    cards:
      - square: false
        type: grid
        cards:
          - show_name: true
            show_icon: true
            type: button
            tap_action:
              action: none
            entity: binary_sensor.mother_awake
            show_state: false
          - show_name: true
            show_icon: true
            type: button
            show_state: false
            icon: ""
            name: Empty RoboVac
            grid_options:
              columns: 12
              rows: 2
            entity: binary_sensor.robovac_needs_emptying
            icon_height: 50px
          - show_name: true
            show_icon: true
            type: button
            tap_action:
              action: toggle
            entity: binary_sensor.russell_pc_on
            name: Russell PC
          - show_name: true
            show_icon: true
            type: button
            tap_action:
              action: toggle
            entity: binary_sensor.washing_machine_running
            name: Washer
          - show_name: true
            show_icon: true
            type: button
            tap_action:
              action: toggle
            entity: binary_sensor.dryer_running
            show_state: false
            name: Dryer
          - show_name: true
            show_icon: true
            type: button
            tap_action:
              action: toggle
            entity: binary_sensor.kitchen_fridge
            icon: mdi:heat-pump
          - show_name: true
            show_icon: true
            type: button
            tap_action:
              action: toggle
            entity: binary_sensor.drinks_fridge
            icon: mdi:heat-pump
          - show_name: true
            show_icon: true
            type: button
            tap_action:
              action: toggle
            entity: binary_sensor.tank_pump
          - show_name: true
            show_icon: true
            type: button
            entity: binary_sensor.spa
        grid_options:
          columns: 24
          rows: auto
        columns: 9
      - square: false
        type: grid
        cards:
          - type: entity
            name: House
            entity: sensor.energy_monitoring_house_gpos_and_lights_power
          - type: entity
            entity: sensor.energy_monitoring_granny_flat_power
            name: GF Sub
          - type: entity
            entity: sensor.reefer_sub_power
            name: Reefer
          - type: entity
            entity: sensor.other_power
            name: Other
          - type: entity
            entity: sensor.other_power
            name: Other
        grid_options:
          columns: 24
          rows: auto
        columns: 5
    column_span: 4
cards: []
badges: []
6

I am facing the same issue.
While I am using card mod in some areas, I have basic Button Cards impacted by this. Any advice?

7

Found a couple of relevant issues worth watching:

8

I haven’t been able to find exactly what happened, but I’ve been able to correct for it using a theme and card mod. If you’re using a custom theme, you can manually throw this into the yaml of the theme to get most of the way there

  ha-line-height-normal: 1.3

If you’re using the default theme, you can create a new theme file (in config/themes/2025.4_spacing/2025.4_spacing.yaml) and paste this in

2025.4 Spacing:
  ha-line-height-normal: 1.3

  card-mod-theme: "2025.4 Spacing"

  card-mod-card-yaml: |
    .: |
      ha-card {
        padding: 0 !important;
      }

Then set that are your global or view or card theme. It’s actually slightly shorter than original, but it solves my problem. Maybe it’ll help others out too :slight_smile:

The shorter version is the new one. It actually looks better, because it originally sat right on the border.
GoodEnough