I’ve been running for a long time using the custom tabbed card, particularly on status devices to save space. But since upgrading to 2025.5 the tabs no longer function or display. Here’s some sample code that’s been running fine previously:
type: custom:tabbed-card
styles:
--mdc-typography-button-font-size: 11px
--mdc-tab-text-label-color-default: gray
--mdc-tab-stacked-height: 155px
tabs:
- attributes:
label: Weather
icon: mdi:weather-cloudy
card:
type: horizontal-stack
cards:
- type: custom:weather-card
entity: weather.kith_daynight
name: Ithaca
current: true
details: true
forecast: false
hourly_forecast: false
- attributes:
label: Radar
icon: mdi:radar
card:
type: horizontal-stack
cards:
- type: 'custom:weather-radar-card'
center_latitude: !secret latitude
center_latitude: !secret latitude
data_source: RainViewer-Rainbow
frame_count: 50
frame_delay: 200
restart_delay: 1200
map_style: voyager
show_marker: true
show_playback: true
show_recenter: true
show_range: true
show_scale: true
show_zoom: true
zoom_level: 8
view_layout:
grid-area: footer
Now every page that has a tabbed component gets blown up with the icons stacked vertically and filling the display port. If I comment out the icons in the attributes the page then displays properly, but I get no tab bar. You get the first “Weather” component displayed, but no tab that allows you to click and see the “Radar” component. It doesn’t matter what component is displayed on any of the tabs, it’s always the same issue. Has anyone else seen anything like this or have any ideas on how I might resolve this issue?