Hi everyone,
I’m having an issue with the View Tabs in the new Home Assistant version 2025.5.0 and 2025.5.1.
On a small screen like the Shelly Wall Display, the tab layout now takes up more space, and I see scroll arrows instead of all the views fitting in one row like before.
Is there any way to reduce the spacing between the tabs to make better use of the available screen space?
Thanks in advance!
I’m having a similar problem, except the spacing between text lines in cards has increased and what used to fit in a single card no longer fits.
Hi, you can try and change the padding between the tab elements using card mod. With Home Assistant 2025.0 some changes were made regarding the tab paddings, which are way too large and just don’t make sense on mobile or small screens. If you want to use card mod, you can simply add this into your custom theme.
# Navigation bar padding
card-mod-theme: "YourTheme"
card-mod-root: |
sl-tab {
--sl-spacing-large: 0.5rem !important;
}
Unfortunately, some issues with this can still appear, like in my case, that the tab navigation button on the right still seems to be using the old padding. So, it is sometimes displayed even though it is not needed, like demonstrated in the picture with a very small padding.
