Toggle switches disappear at narrower column widths

My Home Assistant version: 0.109.6

My lovelace configuration method (GUI or yaml): yaml

What I am doing:

I use slider-entity-row to provide brightness control for my light switches. For example:

  # Lounge lights
  - title: Lounge
    type: entities      
    entities:
      - entity: light.lounge
        hide_when_off: true
        min: 5
        name: Main lights
        toggle: true
        type: 'custom:slider-entity-row'

What I expected to happen:

For all column widths, I expect the slider and toggle switch to appear.

What happened instead:

For narrower column widths, the toggle switch disappears.

Wider:

Narrower:

This happens on Chrome and Safari on macOS (all at latest versions).

Minimal steps to reproduce:

As described above.

Error messages from the browser console:

No relevant error messages from console.

---

By putting an X in the boxes ([ ]) below, I indicate that I:

• Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
• Have made sure I am using the latest version of the plugin.
• Have followed the troubleshooting steps of the “Common Problems” section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
• Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.

[ntompson]

Confirming the same - this has got worse in HA 0.110.2 - toggle button disappears completely for most entities. I can’t get it to come back for any column width on a browser (Safari / Chrome in macOS), but no issue on iPhone mobile app / Safari.

[majorsl]

I was just coming to report a similar problem related the spacing. This has been since the 13 update and the changes made. It looks fine on my phone, but you can see on my computer in the screen shot it is unnecessarily truncating “Lamps”. It has plenty of room to display this.